@font-face {
    font-family: "oswald";
    src: url(./Oswald-Regular.otf) format("truetype");
}
@font-face {
    font-family: "raleway";
    src: url(./Raleway-Regular.ttf) format("truetype");
}
.custom_banners {
background:#fff8dc;
border:1px solid #d6d6d7;
	margin-left:auto;
	margin-right:auto;
overflow: hidden;
height: 90px;
	-moz-box-shadow:inset 0px 1px 3px 0px navy;
	-webkit-box-shadow:inset 0px 1px 3px 0px navy;
	box-shadow:inset 0px 1px 3px 0px navy;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f9400', endColorstr='#66b302');
	margin-top:15px;
	margin-bottom:15px;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.banner_a {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}
.banner_b {
    float: right;
    margin-right: 15px;
    margin-top: 15px;
}
/*========================= MEMBER TOOL BAR ========================*/
.membertoolbar{
	font-family:Lucida Grande;
	font-size:14px;
	font-style:normal;
background:#fff; position:fixed; width:100%; bottom:0; border-top:2px solid #c9d0da;
z-index:99999;
}
.membertoolbar a{
color:navy;
}
/*========================= ADVERTISE ========================*/
#specialdescription{
padding:10px;
border:1px solid #dbdcdc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#f6f6f6;
}

.shopcart{
    width: 850px;
    margin-bottom: 15px;
    float: left;
    border: 1px solid rgba(215, 214, 214, 0.75);
    border-radius: 2px;
    background: white;
    margin-left: 14px;
}
.shopcart .shoptitle{
    padding: 3px 5px;
    font-size: 19px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 7px;
    color: white;
    border-bottom: 2px solid #292929;
    padding-left: 55px;
    font-family: 'intro_head_rbase';
    background: #2E84D2;
    background: rgb(59,103,158);
    background: -moz-linear-gradient(-45deg, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: linear-gradient(135deg, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=1 );
}
.carticon{
    background: url(images/cart.png) no-repeat scroll 3px 50%;
    padding: 3px 10px;
    padding-left: 40px;
    font-size: 15px;
    font-style: normal;
    text-shadow: none;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    line-height: 23px;
    padding-top: 5px;
}
.shopcart .shopcontent{
    margin-top: 5px;
    padding: 10px;
    text-align: center;
    margin-top: 5px;
    padding: 15px;
    text-align: center;
}
.pack-description .nav-tabs>li>a {
    font-weight: bold;
    color: #ffffff;
    background: #999EA0;
    padding: 5px 6px;
    transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -webkit-transform: rotateX(-90deg);
    transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    opacity: 1;
    transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    padding: 6px 14px;
}
/*========================= ADS ========================*/
.adtimereset{
	width: 100%;
background: url(images/clock.png)no-repeat scroll 5px 50% padding:15px;
padding:15px;
padding-left:30px;
margin-bottom:10px;
	font-family:Lucida Grande;
	font-size:12px;
	font-style:bold;
	color: #717171;
	margin:15px 0px;
}
#admin_advertisement{
width:700px;
margin:0 auto;
}
#admin_advertisement .ad-title{
border:1px solid #45484c;
border-bottom:none;
background:#00a1f2;
background: -webkit-gradient(linear, left top, left bottom, from(#5a5c62), to(#585a60));
background: -moz-linear-gradient(top, #5a5c62, #585a60);
background: -ms-linear-gradient(top, #5a5c62, #585a60);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a5c62', endColorstr='#585a60');
color:#ffffff;
padding:3px 10px;
text-shadow:#000000 0.1em 0.1em;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
#admin_advertisement .ad-content{
border:1px solid #45484c;
background:#57595f;
background: -webkit-gradient(linear, left top, left bottom, from(#57595f), to(#4d5055));
background: -moz-linear-gradient(top, #57595f, #4d5055);
background: -ms-linear-gradient(top, #57595f, #4d5055);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#57595f', endColorstr='#4d5055');
padding:10px;
color:#d1d1d1;
text-shadow:#292a2d 0.1em 0.1em;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
height:auto;
min-height:inherit;
}
.addiv{
font-family:Lucida Grande;
}
.ad-block{
    width: 294px;
    float: left;
    margin: 30px 10px 0px 16px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    background: #FFFFFF;
    padding: 3px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 12px;
}
.ad-box{
	width:953;
	margin-left: auto;
	margin-right: auto;
}
.ado_title{
border:1px solid #00008b;
background:#00a1f2;
background: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#121212));
background: -moz-linear-gradient(top, #2c2c2c, #121212);
background: -ms-linear-gradient(top, #2c2c2c, #121212);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#121212');
color:#ffffff;
padding:3px 10px;

border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
font-family:raleway;
font-size:10px;
font-style:normal;
}
.adz_tittle{
border:1px solid #00008b;
background:#00a1f2;
background: -webkit-gradient(linear, left top, left bottom, from(#2c2c2c), to(#121212));
background: -moz-linear-gradient(top, #2c2c2c, #121212);
background: -ms-linear-gradient(top, #2c2c2c, #121212);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#121212');
color:#ffffff;
padding:3px 10px;
border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
font-size: 12px;
font-style: normal;
}
.ad-content{
    padding: 5px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #FFFFFF;
    padding: 5px;
  height: 98px;
}
.ad-footer{
    background: rgba(17, 190, 136, 0.69);
    padding: 5px 5px 5px 12px;
    font-size: 12px;
    color: #ffffff;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.ad-footer_n{
    padding: 5px 5px 5px 12px;
    font-size: 12px;
    border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    color: #FFFFFF;
    background: #EF9335;
    background: rgba(10, 168, 118, 0.6);
}
.adm_tittles{
color: #ffffff;
    padding: 6px 10px;
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    font-size: 13px;
    font-style: normal;
    background: #0EAD7A;
    background: rgb(14,173,122);
    background: -moz-linear-gradient(-45deg, rgba(14,173,122,1) 0%, rgba(18,201,146,1) 50%, rgba(14,173,122,1) 51%, rgba(0,158,110,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(14,173,122,1) 0%,rgba(18,201,146,1) 50%,rgba(14,173,122,1) 51%,rgba(0,158,110,1) 100%);
    background: linear-gradient(135deg, rgba(14,173,122,1) 0%,rgba(18,201,146,1) 50%,rgba(14,173,122,1) 51%,rgba(0,158,110,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ead7a', endColorstr='#009e6e',GradientType=1 );
}
/*========================= FORUM ========================*/
.forum_search{
padding-bottom:5px;
text-align:right;
}
input[type="text"].frm_search_txt{
color:#2a2a2a;
font-family:'Lucida Grande';
font-size:11px;
padding:4px;
border: 1px solid #619bcb;
background: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width:200px;
padding:5px;
}
input[type="submit"].frm_search_btn{
	padding: 5px 9px;
	color: #ffffff;
	border: solid 1px #01018c;
	box-shadow:inset 0px 1px 1px 0px white;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 0%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 0%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	font-size:12px;
	font-family: 'Source Sans Pro', sans-serif;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 1px 1px 1px #01018c;
}
input[type="submit"].frm_search_btn:hover{
padding: 5px 9px;
color: #ffffff;
border: solid 1px #01018c;
	box-shadow:inset 0px 1px 3px 0px white;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 0%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 0%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */
cursor: pointer;
font-size:12px;
font-family:'Lucida Grande';
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	transition: 50ms ease All;-webkit-transition:All 50ms ease;
	-moz-transition:All 50ms ease;-o-transition:All 50ms ease;
	transform:  scale(1.2) skew(1deg) translate(10px);
	-webkit-transform:  scale(1.2) skew(1deg) translate(10px);
	-moz-transform:  scale(1.2) skew(1deg) translate(10px);
	-o-transform:  scale(1.2) skew(1deg) translate(10px);
	-ms-transform:  scale(1.2) skew(1deg) translate(10px);
	-ms-transform:  scale(1.2) skew(1deg) translate(10px);
	}
.forum_signature{
border-top:1px solid #d5d5d5;
margin-top:5px;
padding:5px 0px;
color:#a4a4a4;
}
.topic_edited{
font-style:italic;
}
.forum_post_date{
color:#a4a4a4;
}
.forum-topiclist{
background:#ffffff;
border:1px solid #dbe4ef;
}
.forum_username{
    padding: 8px 10px;
    padding: 4px 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
    font-size: 14px;
    color: #FFFFFF;
    background: #F05919;
    background: linear-gradient(135deg, rgb(255, 103, 47) 0%,rgb(222, 72, 0) 100%);
    border-radius: 4px 4px 0px 0px;
    font-family: 'Raleway', sans-serif;
}
.forum_title{
    font-size: 20px;
    color: #121212;
    text-transform: capitalize;
    background: white;
    padding: 2px 40px;
    border-radius: 3px;
    border: 1px solid #1473B3;
	    text-align: center;
}
.forum_top_bar{
float:left;
font-family:Lucida Grande;
font-size:11px;
}
.forum_top_bar ul{
margin:0px;
padding:0px;
list-style:none;
display:inline-block;
}
.forum_top_bar ul li{
display:inline-block;
margin-right:3px;
}
.forum_top_bar ul li a{
display:block;
color:#999999;
padding:0px 5px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom:2px;
}
.forum_top_bar ul li a:hover{
background:#eaeaea;
}
.forum_top_bar ul li.current{
background:#4572a0;
color:#FFFFFF;
padding:0px 5px;
}
.forum_top_bar ul li.pgbtn a{
background:#eaeaea;
color:#745a5a;
font-weight:bold;
}
.forum_top_bar ul li.pgbtn a:hover{
background:#e91665;
color:#ffffff;
font-weight:bold;
}

input[type="button"].frmbutton{
padding: 5px 9px;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid rgba(199, 61, 11, 0.79);
}
.frm-title{
    border: 1px solid rgba(9, 69, 119, 0.39);
    background: #0F72AD;
    color: #ffffff;
    padding: 3px 10px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    font-size: 16px;
    padding-top: 5px;
  padding-bottom: 9px;
    background: rgb(15,114,173);
    background: -moz-linear-gradient(-45deg, rgba(15,114,173,1) 0%, rgba(19,191,221,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(15,114,173,1) 0%,rgba(19,191,221,1) 100%);
    background: linear-gradient(135deg, rgba(15,114,173,1) 0%,rgba(19,191,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f72ad', endColorstr='#13bfdd',GradientType=1 );
}
.frm-title span{
font-size:12px;
}
.frm-title ul{
margin:0px;
list-style:none;
padding:0px;
font-size:12px;
padding:5px;
}
.frm-title ul li{
display:inline;
}
.frm-title ul li a{
color:#FFFFFF;
display:inline-block;
background:#223d51;
padding-left:10px;
padding-right:10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.frm-content{
    color: #121212;
    text-shadow: #FFFFFF 0.05em 0.05em;
    background-color: #f1f1f0;
    padding: 5px;
    font-size: 14px;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
}
.forum-tblc{
border-top:1px solid #dbe4ef;
}
.frm-tbl {
border:1px solid #dbe4ef;
border-collapse:collapse;
}
.frm-tbl td{
background:#FFFFFF;
border-top:1px solid #f3f3f3;
padding:4px;
}
.frm_description{
color:#a4a4a4;
}
.frm_title a{
color:navy;
font-size:15px;
}
.frm_title a:hover{
color:#2e76b1;
}
.frm_last_post{

line-height:150%;
}
.frm_last_post a{
color:#225985;
}
.frm_last_post a:hover{
color:#2e76b1;
}
.frm_last_post span{
color:#a4a4a4;
}
.forum_shortlinks, .forum_shortlinks a{
    color: #2F2F2F;
    font-size: 13px;
    padding: 4px 9px;
    text-align: left;
    border-radius: 4px;
    margin-bottom: 6px;
    padding-left: 2px;
}

/*========================= PTSU ADS ========================*/
.ptsu_content{
cursor:pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:5px;
border:1px solid navy;
padding:5px;
background:#ffffff;
line-height:20px;
}
.ptsu_title{
color:#0000ff;
font-weight:bold;
text-decoration:underline;
}
.ptsu_descr{
color:#303030;
}
.ptsu_url{
color:#009900;
font-size:10px;
}
.ptsu_reward{
color:red;
font-size:20px;
}
/*========================= FEATURED ADS ========================*/
.featured-ads{
line-height:20px;
}
.featured-ads ul{
margin:0px;
list-style:none;
padding:0px;
}
.featured-ads li{
color:#303030;
margin-bottom:5px;
}
.featured-ads li a{
color:#0000ff;
font-weight:bold;
text-decoration:underline;
}
.featured-ads li span{
color:#6495ed;
text-decoration:none;
font-size:10px;
}
/*======================== DASHBOARD ===========================*/
.admin-info{
background:url(images/user-icon.png) 15% 0% no-repeat;
height:187px;
background-size: 157px 162px;
background-position:center;
margin-bottom:14px;
}
.admin-info_pad{
	width:326px;
	padding-top:0px;
}
.admin-info div{
padding-bottom:3px;
}
.admin-info .title{
font-weight:bold;
font-size:16px;
padding-bottom:10px;
}
.calendar{
float:right;
width:100px
}
.calendar .top{
background:#4f5157;
color:#FFFFFF;
font-weight:bold;
text-align:center;
padding:5px;
}
.calendar .mid{
background:#e4e2e6;
text-align:center;
padding:5px 5px 0px 5px;
}
.calendar .bottom{
background:#e4e2e6;
text-align:center;
font-size:36px;
padding:0px 5px 5px 5px;
}

.dashboardbox{
    text-align: center;
    background: #E74C16;
    border: 1px solid #C5420E;
    padding: 5px;
    color: #FFFFFF;
    margin: 5px 5px 0;
}
.dashboardbox a{
color:#ffffff;
}
.dashboardbox a:hover{
color:#ffffff;
text-decoration:underline;
}
.dashbaord-img-1{
float:left;
}
.dashbaord-img-2{
float:right;
}
.dashbaord-img-1, .dashbaord-img-2{
width:445px;
}
/*======================== REFERRAL LIST ===========================*/
.widget-ref-option{
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:5px;
border:1px solid #dd3c10;
background:#fff4ea;
padding:5px;
margin-top:5px; text-align:center;
}
/*======================== HELPDESK ===========================*/
.open-ticket-box{
background:url(images/icon_open_ticket.gif) no-repeat;
padding:0px 10px 5px 60px;
min-height:60px;
}
.view-ticket-box{
background:url(images/icon_view_ticket.gif) no-repeat;
padding:0px 10px 5px 60px;
min-height:60px;
}
/*========================= OLD ========================*/
/*== Ads Page ==*/
.adsleftbox{
background:#f3dddd url(../images/exclamation.png) no-repeat scroll 5px 50%;
border:1px solid #deb7b7;
padding:5px;
padding-left:25px;
margin-bottom:10px;
}



/*== End Ads Page ==*/



.clearfix{
clear:both;
}
.padding5{
padding:5px;
}

.padding10{
    padding-left: 15px;
    padding-right: 15px;
}
.padding_forum{
padding:5px;
margin-left: 15px;
margin-right: 15px;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}

.progressbar{
background:white;
border:1px solid #155e9b;
width:306px;
height:27px;
}
.progressbar div{
height:26px;
background: #146bb3;
background: -moz-linear-gradient(top, #146bb3 1%, #146bb3 51%, #115d9c 51%, #115d9c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#146bb3), color-stop(51%,#146bb3), color-stop(51%,#115d9c), color-stop(100%,#115d9c));
background: -webkit-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
background: -o-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
background: -ms-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
background: linear-gradient(to bottom, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146bb3', endColorstr='#115d9c',GradientType=0 );
width:3px;
}
.disabledclass{
filter:alpha(opacity=35);
opacity:.35;
}
/* Tables for history */
.celltop{
background:#006cb3;
color:#FFFFFF;
}
.celltop a{
color:#FFFFFF;
}
.cellcontent{
border:0px solid #bec5c9;
}
.cellcontenthover{
background:#cee2ec;
}

.news-title {
padding-left: 51px;
    margin-top: 0px;
    padding-top: 6px;
    padding-bottom: 4px;
    background: #1470B1;
    color: #fff;
    text-shadow: 0 1px 1px #000;
    display: block;
    border: 1px solid #666666;
    padding: 6px 10px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
.home-content-fl3 {
    width: 251px;
    margin-left: 7px;
    margin-top: 11px;
    background: white;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    border-radius: 4px;
}
.menubarlist, .menubarlist li ul{
	list-style:none;
	margin:0px;
	padding:0px;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-style:normal;
	text-decoration:none;
	text-align:center;
}
.menubarlisting {
	padding-bottom:5px;
 
    margin-left: 7px;
}
.menubarlist li ul li{
color: #01018c;
padding:5px 10px;
text-align:left;
	text-shadow:none;
	background: white;
}
.menubarlist li ul li:hover{

}
.menubarlist li ul li a{
	display:block;
	text-decoration:none;
	color: #454D5C;
}
.menubarlist li ul li a:hover{
color:#01018c;
}
.middle1{
width:100%;
}
/*========================= END OLD ========================*/
.banner_outside{
	width:100%
	height: 150px;
	background: white;
    background: -moz-linear-gradient(top,  white 0%, #006cff 40%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(40%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #006cff 40%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #006cff 40%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #006cff 40%); /* IE10+ */
    background: linear-gradient(to bottom,  white 0%,#006cff 40%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */
margin-top:10px;
border-bottom:3px solid #01018c;
}

.wrapper_head{
width:994px;
}

.wrapper{
width:983px;
margin:0 auto;
}
fieldset {
    border: 1px solid #bec5c9;
    border-radius: 4px 4px 4px 4px;
    margin: 6px 0;
    padding: 4px;
}
fieldset.ticket-user{
    border: 1px solid #80b5ce;
    border-radius: 4px 4px 4px 4px;
    margin: 6px 0;
    padding: 8px;
	background:#e3eff4;
}
fieldset.ticket-admin{
    border: 1px solid #00008b;
    border-radius: 4px 4px 4px 4px;
    margin: 6px 0;
    padding: 8px;
	background:#e0eed0;
}
/*========================= HEADER ========================*/
.header-top {
height: 87px;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 0%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 0%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */
}
.header_menu{
width:983px;
background:#FFFFFF url(./images/menubackground.png)
margin:0 center;
margin-top:15px;
line-height:37px;
margin-left: auto ;
margin-right: auto ;

}
.header_menu_bck{
background:#FFFFFF url(./images/menubackground.png)

width:100%;

height: 45px; width: 1083px center; background:#ffffff url(./images/topmenu.png) no-repeat center;

}
.header_1{
width:100%;
height: 95px;
background: linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -moz-linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -ms-linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -webkit-linear-gradient(top, #2c2c2c 0%,#121212 40%);
border-bottom:3px solid #01018c;
}
#logo{
float:left;
margin:10px 0px;
margin-left:10px;
}
#logo a{
display:block;
background:url(images/logo.png) no-repeat;
width:258px;
height:74px;
margin-top: 7px;
}
.top-box{float:right;margin-right:0px;padding-top:0px}
.header_2{
color:#2f9800;
width:983px;
font-size:12px;
border:1px solid #d0d0d0;
background:#f6f6f6;
background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e9eaea));
background: -moz-linear-gradient(top, #f6f6f6, #e9eaea);
background: -ms-linear-gradient(top, #f6f6f6, #e9eaea);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e9eaea');
}
.header_2 ul{
margin:0px;
padding:0px;
list-style:none;
}
.header_2 ul li{
float:left;
}
.header_2 ul li a{
display:block;
color:#333333;
padding:10px 15px;
border-right:1px solid #bfbfbf;
border-left:1px solid #fbfbfb;
}
.header_2 ul li a:hover{
text-decoration:none;
background:#f0f1f3;
background: -webkit-gradient(linear, left top, left bottom, from(#f0f1f3), to(#e2e3e4));
background: -moz-linear-gradient(top, #f0f1f3, #e2e3e4);
background: -ms-linear-gradient(top, #f0f1f3, #e2e3e4);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f1f3', endColorstr='#e2e3e4');
}
.header_2 ul li a.current{
text-decoration:none;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 0%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 0%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */
color:#FFFFFF;
border:1px solid #00a1f2;
text-shadow:#00008b 0.1em 0.1em;
}
.divnavul{
display:none;
position:absolute;
width:230px;
padding-top:5px;
}
.header_2 ul li ul{
position:absolute;
border:1px solid #d9d9da;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#f6f6f6;
display:none;
z-index:999999;
}
.header_2 ul li ul li{
float:none;
border:none;
border-top:1px solid #ffffff;
border-bottom:1px solid #d1d1d1;

}

.header_2 ul li ul li.first{
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
.header_2 ul li ul li a{
display:block;
color:#2f9800;
padding:5px 15px;
border:none;
width:200px;
}
.header_2 ul li ul li a:hover{
background:#e8e8e8;
background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e1e1e1));
background: -moz-linear-gradient(top, #e8e8e8, #e1e1e1);
background: -ms-linear-gradient(top, #e8e8e8, #e1e1e1);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e1e1e1');
}
.header_2 ul li ul li a.leftrow{
background:url(images/arrowright.png) no-repeat scroll 100% 50%;
}
.header_2 ul li ul li a.leftrow:hover{
background:#e8e8e8 url(images/arrowright.png) no-repeat scroll 100% 50%;
}
.header_2 ul li ul li ul{
display:none;
position:absolute;
margin-left:230px;
margin-top:-37px;
}

.main_content{

}

/*======================== FOOTER ===========================*/
.footer{
height: 100px;
width:100%;
background: linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -moz-linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -ms-linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -webkit-linear-gradient(top, #2c2c2c 0%,#121212 40%);
}
.footer-bottom{
height: 85px;
width:100%; padding-bottom: 20px;
background: linear-gradient(top, #121212 0%, #121212 40%);
background: -moz-linear-gradient(top, #121212 0%, #121212 40%);
background: -ms-linear-gradient(top, #121212 0%, #121212 40%);
background: -webkit-linear-gradient(top, #121212 0%,#121212 40%);
margin-top: 15px;
color: #ffffff
margin-left: auto;
margin-right: auto;
}
.footer .languages{
color:#999999;
padding-left:5px;
padding-bottom:5px;
}
.footer .copyright{
float:left;
margin-left:5px;
}
.footer .links{
padding-top:15px;
text-align: center;
}
/*======================== HOME ===========================*/
.widget-statistics{
font-family: oswald;
font-size: 28px;
background: linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -moz-linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -ms-linear-gradient(top, #2c2c2c 0%, #121212 40%);
background: -webkit-linear-gradient(top, #2c2c2c 0%,#121212 40%);
color:#ffffff;
padding:10px 10px;
text-align:center;
border-bottom:3px solid #01018c;
}
.content-left{
width:651px;
float:left;
}
.content-right{
width:318px;
float:right;
}
.featad{
width:242px;
float:left;
min-height: 140px;
}
.featlink{
width:242px;
float:right;
min-height: 140px;
}
.featured li {
	color: black;
	padding-left: 0px;
	line-height: 16px;
	font-size: 12px;
	list-style: none outside none;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}
.featured ul {
    margin-left: 5px;
}
.featured li span {
    color: black;
    font-size: 12px;
    display: none;
}
ul, ol {
    padding: 0px;
    margin: 0px 0px 10px 25px;
}
.banner {
    height: 60px;
    width: 468px;
    margin-bottom: 5px;
}
.banners {
    width: 470px;
    float: left;
    padding-left:8px;
}
.ads-bottom {
    overflow: hidden;
    margin: 0px auto 15px;
    background:#fff8dc;
border:1px solid #d6d6d7;
color: #01018c;
padding:4px;
margin:15px 0px;
	-moz-box-shadow:inset 0px 1px 3px 0px navy;
	-webkit-box-shadow:inset 0px 1px 3px 0px navy;
	box-shadow:inset 0px 1px 3px 0px navy;
height: 125px;
	text-shadow:none;
	background: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
/*======================== Virtual Keyboard ===========================*/
.keyboard-buton{
border:1px solid #9f9f9f;
background:#FFFFFF;
padding:5px;
}
.keyboard-buton-hover{
border:1px solid #9f9f9f;
background:#9f9f9f;
color:#FFFFFF;
}
#keyboard{margin: 0;padding: 0;list-style: none;}
#keyboard li{float:left;font-family:Arial;font-size:11px;height:25px;line-height:18px;margin:0 2px 2px 0;text-align:center;width:21px;}
.capslock, .tab, .left-shift{clear: left;}
#keyboard .tab, #keyboard .delete{width: 70px;}
#keyboard .capslock{width: 60px;}
#keyboard .return{width: 50px;}
#keyboard .left-shift{width: 65px;}
#keyboard .right-shift{width: 67px;}
.lastitem{margin-right: 0;}
.uppercase{text-transform: uppercase;}
#keyboard .space{clear: left;width: 356px;}
.on{display: none;}
#keyboard li:hover{position: relative;top: 1px;left: 1px;cursor: pointer; }
/*== End Virtual Keyboard ==*/
/*======================== QUICK NEWS ===========================*/
.widget-news-title{
background: #146bb3;
background: -moz-linear-gradient(top, #146bb3 1%, #146bb3 51%, #115d9c 51%, #115d9c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#146bb3), color-stop(51%,#146bb3), color-stop(51%,#115d9c), color-stop(100%,#115d9c));
background: -webkit-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
background: -o-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
background: -ms-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
background: linear-gradient(to bottom, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146bb3', endColorstr='#115d9c',GradientType=0 );
border:3px solid #ffffff;
box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
-moz-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
-webkit-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
color:#ffffff;
padding:3px 10px;
text-shadow:#4d6070 0.1em 0.1em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-bottom:2px;
text-shadow:#324958 0.1em 0.1em;
font-size: 12px;
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
}
.widget-news-date{
    background: rgba(17, 93, 156, 0.69);
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    color: #FFFFFF;
    padding: 2px 10px;
    text-shadow: #3d3f43 0.1em 0.1em;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
    font-size: 10px;
}
.widget-news-content{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 5px;
    border: 1px solid #d7d7d7;
    padding: 5px;
    background: #f5f5f5;
    font-family: Lucida Grande;
    font-size: 13px;
    font-style: normal;
    font-family: 'Raleway', sans-serif;
}
/*======================== HISTORY ===========================*/
.item_completed{color:#006600; font-weight:bold;}
.item_pending{color:#990000;}

.cellcontenthover{
background:#cee2ec;
}
/*======================== PRINCIPAL ===========================*/
.widget-main-title, .menu{
    background: #1470B1;
    color: #ffffff;
    padding: 4px 10px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-style: normal;
    text-align: left;
    border: 2px solid #ffffff;
}
.widget-content, .menu-content{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-style: normal;
}
.widget-title{
color: #FFFFFF;
    padding: 7px 10px;
    font-size: 15px;
    text-align: left;
    border: 2px solid #ffffff;
    background: rgb(20, 112, 177);
    font-family: 'Raleway', sans-serif;

	
}
.widget-acc {
    color: rgb(250, 250, 250);
    font-size: 13px;
    font-style: normal;
    text-align: left;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    font-family: Raleway, sans-serif;
    font-weight: bolder;
    padding: 4px 10px;
    border: 2px solid rgb(255, 255, 255);
    background: linear-gradient(to bottom, rgba(20,112,177,1) 0%,rgba(20,93,130,1) 100%);
}
table.widget-tbl {
    background: #F9F9F9;
    border-radius: 6px;
}
.membermenu{
    background: #146bb3;
	background: -moz-linear-gradient(top, #146bb3 1%, #146bb3 51%, #115d9c 51%, #115d9c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#146bb3), color-stop(51%,#146bb3), color-stop(51%,#115d9c), color-stop(100%,#115d9c));
	background: -webkit-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
	background: -o-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
	background: -ms-linear-gradient(top, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
	background: linear-gradient(to bottom, #146bb3 1%,#146bb3 51%,#115d9c 51%,#115d9c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#146bb3', endColorstr='#115d9c',GradientType=0 );
	color:#ffffff;
	padding:4px 10px;
	font-family:'Source Sans Pro', sans-serif;
	font-size:16px;
	font-style:normal;
	text-align:left;
	border:2px solid #ffffff;
}
.widget-tbl td{
border:0px solid navy;
padding:5px;
font-size:14px;
font-style:normal;
}
.widget-tbl tr.titles td, .celltop{
    background: #324450;
    border: 3px solid #ffffff;
    box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(119, 119, 119, 0.5);
    color: #ffffff;
    text-shadow: none;
    padding: 3px;
    white-space: nowrap;
    font-family: 'Source Sans Pro', sans-serif;
}
.widget-tbl tr.titles td a, .celltop a{
display:inline-block;
color:#FFFFFF;
}
.widget-tbl tr.titles td a:hover,   .celltop a:hover{
text-decoration:none;
}
.widget-tbl tr.titles td:hover{
background: #0C1E2D;
}
.widget-tbl tr.tr1 td{
background:#f1f1f1;
}
.widget-tbl tr.tr2 td{
background:#ffffff;
}
.normal_linetbl{
line-height:normal;
}
.widget-tbl tr.tr1:hover td, .widget-tbl tr.tr2:hover td{
background:#ddecce;
}

/*================ ERROR =================*/
.fail_td{
border:1px solid #e7bcbc;
background:#ffebe8;
padding:5px;
}
.error_login{
border:1px solid #994d53;
margin-bottom:10px;
padding:10px;
background:#f1e2e3;
line-height:1.5em;
}
.error_login .title{
font-weight:bold;
font-size:16px;
}
.error_login span{
color:#994d53;
}
.disabled{
opacity: .55; filter:grayscale(100%); background-image: none;
}
.pointer{
cursor:pointer;
}
.n_pointer{
cursor:pointer;
}
.c_banner{width:983px; margin:0 auto;}
.blue{
color:#006cff;
}
.black{
color:blue;
}
.rood{
color:black;
}
.white{
color:black; font-size:14px; font-weight:bold; 
}
.white ul { color: white;}
.whitef{
color:white; font-size:14px; font-weight: normal;
text-align:center;
padding-top:30px;
}
.benefits {
	padding-top:15px;
}
.benefits ul li{
list-style-image: url(./images/list1.png);
text-align: left;
list-style-position: inside;
line-height: 40px;
font-family:oswald;
font-size: 26px;
font-weight:normal;
text-shadow: 0.05em 0.05em navy;
color: white;
}
.big-head{
background #FFFFFF;
size: 100%;
font-size: 28px;
line-height: 46px;
color:#01018c;
text-align:center;
font-family:oswald;
text-shadow: 0.05em 0.05em navy;
}
.c_med-head{font-size: 21px; line-height: 46px; color:#2f9800; font-family:Lucida Grande, serif;}
.c_content-block ul li{list-style-image: url(./images/list2.png); text-align: center; list-style-position: inside; color:#2f9800; font-size: 17px; line-height: 25px; border-bottom: 1px groove #bbb;}
.c_button-style{width:170px; height:60px; margin:0 auto; padding-left: 48px; border-radius: 5px; text-align: center;font-size: 23px; font-family:Lucida Grande, serif; line-height: 60px; color:#fff;}
.member-benefits {
	border:3px solid #01018c;
	margin-top: 15px;
background: linear-gradient(top, white 0%, #006cff 40%);
background: -moz-linear-gradient(top, white 0%, #006cff 40%);
background: -ms-linear-gradient(top, white 0%, #006cff 40%);
background: -webkit-linear-gradient(top, white 0%,#006cff 40%);
	float: left;
	width: 480px;
	height: 400px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:white;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.advertiser-benefits {
	border:3px solid #01018c;
	margin-top: 15px;
background: linear-gradient(top, white 0%, #006cff 40%);
background: -moz-linear-gradient(top, white 0%, #006cff 40%);
background: -ms-linear-gradient(top, white 0%, #006cff 40%);
background: -webkit-linear-gradient(top, white 0%,#006cff 40%);
	float: right;
	width: 480px;
	height: 400px;
   margin-left: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:white;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
nav ul ul {
	display: none;
		width:200px;
		z-index:99999;
}
	nav ul li:hover > ul {
	display: block;
	}
	nav ul {
	box-shadow:inset 0px 1px 0px 0px #00008b;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 0%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 0%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */

	border-radius: 5px;  
	list-style: none;
	position: relative;
	display: inline-table;

}
	nav ul:after {
		content: ""; clear: both; display: block;
	}
nav ul li {
	float: left;
}
nav ul li:hover {
background: #00a1f2;
background: linear-gradient(top, #518dc1 0%, #316897 40%);
background: -moz-linear-gradient(top, #518dc1 0%, #316897 40%);
background: -ms-linear-gradient(top, #518dc1 0%, #316897 40%);
background: -webkit-linear-gradient(top, #518dc1 0%,#316897 40%);
color:#FFFFFF;
}
nav ul li:hover a {
color: #fff;
}
nav ul li a {
font-family:Lucida Grande;
font-size:14px;
font-style:normal;
text-shadow:navy 0.1em 0.1em;
height:20px;
display: block; padding: 10px 25px;
color: #FFFFFF; text-decoration: none;
}
	nav ul ul {
	background: #518dc1;
	border-radius: 0px;
	padding: 0;
	position: absolute; top: 100%;
}
	nav ul ul li {
		float: none; 
		border-top: 1px solid #518dc1;
		border-bottom: 1px solid #316897;
		position: relative;
	}
		nav ul ul li a {
			padding: 5px 36px;
			color: #fff;
		}	
			nav ul ul li a:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #518dc1), color-stop(1, #518dc1) );
			}
			nav ul ul ul {
	position: absolute; left: 100%; top:0;
}
.my_titles {

	background: white;
	overflow: hidden;
	width: 100%;
	border:3px solid #316897;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family:Lucida Grande;
	font-size:24px;
	font-style:bold;
	color: #518dc1;
	text-align: center;
	padding-bottom: 15px;	
	margin-top:15px;
	}
.page_titles, .site_title {
    border-bottom: 4px solid #1473B3;
    padding: 5px 15px;
    height: 62px;
    padding-top: 12px;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    font-size: 20px;
    text-align: left;
    color: #363738;
    line-height: 34px;
    padding-left: 58px;
    background: url(/templates/ModernBlue/styles/images/money.png) #FFFFFF no-repeat center left 14px;

}
.page_frame_titles {
    font-size: 17px;
    color: #FFFFFF;
    border: 3px solid white;
    padding: 5px 10px;
    margin-top: 10px;
    background: #1470B1;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
	}
	
.page_frame_titles a, .page_frame_titles a:hover {color: white;}	
	
.box_left {
    float: left;
}
.box_right {
    float: right;
}
.my_buttons {
margin-right:5px;
margin-bottom:10px;
	-moz-box-shadow:inset 0px 1px 3px 0px white;
	-webkit-box-shadow:inset 0px 1px 3px 0px white;
	box-shadow:inset 0px 1px 3px 0px white;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 5%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 5%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 5%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 5%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 5%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */

	text-indent:0;
	border:1px solid navy;
	display:inline-block;
	color:#ffffff;
	font-family:raleway;
	font-size:14px;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:126px;
	text-decoration:none;
	text-align:center;
	text-shadow: 0.1em 0.1em navy;
	    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.my_buttons:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006cff), color-stop(1, #004eb2) );
	background:-moz-linear-gradient( center top, #006cff 5%, #004eb2 100% );
	background:-ms-linear-gradient( center top, #006cff 5%, #004eb2 100% );
}
.my_buttons:active {
	position:relative;
	top:1px;
}
.my_buttons_bar {
    background: #31B0DC;
    border: 1px solid #ffffff;
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-style: normal;
    height: 35px;
    line-height: 30px;
    width: 107px;
    text-decoration: none;
    text-align: center;
    margin: 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: rgb(234,91,31);
    background: -moz-linear-gradient(top, rgba(234,91,31,1) 0%, rgba(227,58,12,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,91,31,1)), color-stop(100%,rgba(227,58,12,1)));
    background: -webkit-linear-gradient(top, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);
    background: -o-linear-gradient(top, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);
    background: -ms-linear-gradient(top, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);
    background: linear-gradient(to bottom, rgba(234,91,31,1) 0%,rgba(227,58,12,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5b1f', endColorstr='#e33a0c',GradientType=0 );
}
.my_topbuttons_bar {
    background: #31B0DC;
    border: 1px solid #ffffff;
    text-indent: 0;
    display: inline-block;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-style: normal;
    height: 73px;
    line-height: 30px;
    width: 114px;
    text-decoration: none;
    text-align: center;
    margin: 1px 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background: rgb(20,112,177);
    background: -moz-linear-gradient(top, rgba(20,112,177,1) 0%, rgba(20,93,130,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,112,177,1)), color-stop(100%,rgba(20,93,130,1)));
    background: -webkit-linear-gradient(top, rgba(20,112,177,1) 0%,rgba(20,93,130,1) 100%);
    background: -o-linear-gradient(top, rgba(20,112,177,1) 0%,rgba(20,93,130,1) 100%);
    background: -ms-linear-gradient(top, rgba(20,112,177,1) 0%,rgba(20,93,130,1) 100%);
    background: linear-gradient(to bottom, rgba(20,112,177,1) 0%,rgba(20,93,130,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1470B1', endColorstr='#145D82',GradientType=0 );
}
.my_buttons_bar:hover {
	color:#ffffff;
	text-decoration: none;
	    background: #EC6B3A;
}
	.my_buttons_bar:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
.my_topbuttons_bar:hover {
	color:#ffffff;
	text-decoration: none;
	    background: #145D82;
}
.my_topbuttons_bar:active {
	position:relative;
	top:1px;
	color:#ffffff;
}
.my_buttons_bar li ul li {
	border: 1px solid #DCD8D8;
	padding: 4px;
	margin: 2px 0px;
	background: #ffffff;
	color:#ffffff;
}

.my_buttons_bar li ul li:hover {
	background: #f4f3f3;
	color:#ffffff;
}
.my_buttons_box {
	width: 315px;
}
.paddingtop{
	padding-top:15px;
	}
.my_buttons_box_row {
width:100%;
}
ul#mynav {margin: 0 0 0 0px; float:right; padding-top: 39px;}
ul#mynav2 {margin: 0 0 0 0px; float:center; padding-top: 5px;}
ul.drop a { display:block; color: #fff; font-family: raleway; font-size: 14px; 	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px navy;}
ul.drop, ul.drop li, ul.drop ul { list-style: none; margin: 0; padding-top: 1px;}
ul.drop { position: relative; z-index: 597; float: left; }
ul.drop li { float: left; vertical-align: middle; zoom: 1; padding: 5px 5px; }
ul.drop li.hover, ul.drop li:hover { position: relative; z-index: 599; cursor: default; 

}
ul.drop ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 195px; background: #006cff; border: 3px solid #01018c; border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004eb2), color-stop(1, #006cff) );
	background:-moz-linear-gradient( center top, #004eb2 5%, #006cff 100% );
	background:-ms-linear-gradient( center top, #004eb2 5%, #006cff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004eb2', endColorstr='#006cff');}
ul.drop ul li { float: none; }
ul.drop ul ul { top: -2px; left: 100%; }
ul.drop li:hover > ul { visibility: visible }
.addfunds_bg {
	background:url(images/addfundsbg.png) no-repeat;
	height: 241px;
}
.withdrawl_bg {
	background:url(images/withdrawlbg.png) no-repeat;
	height: 187px;
}
.banners_bg {
	background:url(images/bannersbg.png) no-repeat;
	height: 241px;
}
.settings_bg {
	background:url(images/settingsbg.png) no-repeat;
	height: 255px;
}
.ads_bg {
	background:url(images/adsbg.png) no-repeat;
}
.site_content {
    font-size: 17px;
	margin-top:15px;
	margin-bottom:15px;
	    padding: 17px;
}
.helpdesk_content {
	font-size:25px;
	margin-top:15px;
	margin-bottom:15px;
}
.faq_answer {
	font-family:Lucida Grande;
	font-size:14px;
	color: #316897;
margin: 15px 15px 15px 15px;
}
.faq_question {
	font-family:Lucida Grande;
	font-size:25px;
	font-style:bold;
	color: red;
	text-shadow:#550000 0.05em 0.05em;
	margin-top:15px;
	margin-bottom:15px;
}
.faq_num {
	font-family:Lucida Grande;
	font-size:36px;
	font-style:bold;
	color: red;
	text-shadow:#550000 0.05em 0.05em;
	margin-top:15px;
	margin-bottom:15px;
}
.faq_question {
	font-family:Lucida Grande;
	font-size:28px;
	font-style:bold;
	color: red;
	text-shadow:#550000 0.05em 0.05em;
	margin-top:15px;
	margin-bottom:15px;
}
.widget-back {
    width: 1000px;
    background: #FDFDFD;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,.6);
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 3px rgba(0,0,0,.6);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0px 0px 3 1px rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(0, 0, 0, 0);
    /* background: url(/templates/ModernBlue/styles/images/clean_textile.png); */
    margin-top: 5px;
    margin-bottom: 10px;
}
.ad_titles {
	font-size: 18px;
	font-weight: 600;
	color: #155E9B;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px 0px;
	}
.ptsu_titles {
	font-family:Lucida Grande;
	font-size:12px;
	font-style:bold;
	color: #717171;
	}
.widget-user{
	margin-bottom: 15px;

	font-size:14px;
	font-style:normal;
	}
.summary_box{
	width: 100%;
	color: #767C80;
	
border-radius:5px;
}
.summary_box_l{
    width: 357px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: #ffffff;
}

.summary_box_l table td {    padding: 3px 5px;
    color: #454D5C;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    line-height: 30px;}

.summary_box_sp{
	width:357px;
	height:199px;
	float:left;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding-bottom:5px;
	background: #ffffff;
	border: 1px solid #B8B8AE;
}
.summary_box_rt{
width: 725px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background: #ffffff;
    margin-top: 10px;
}
.widget-new{
color:#FFFFFF;
padding:5px 10px;
padding-bottom:5px;
padding-right:10px;
margin-bottom:5px;
margin-left:-10px;
text-shadow:navy 0.05em 0.05em;
font-family:raleway;
font-size:20px;
border:1px solid navy;
	-moz-box-shadow:inset 0px 1px 3px 0px white;
	-webkit-box-shadow:inset 0px 1px 3px 0px white;
	box-shadow:inset 0px 1px 3px 0px white;
	background: #004eb2;
    background: -moz-linear-gradient(top,  #004eb2 0%, #006cff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004eb2), color-stop(100%,#006cff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004eb2 0%,#006cff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004eb2 0%,#006cff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004eb2', endColorstr='#006cff',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.widget-memberships{
color:#FFFFFF;
padding:5px 10px;
padding-bottom:5px;
margin-bottom:5px;
text-shadow:#000000 0.05em 0.05em;
font-family:Lucida Grande;
font-size:16px;
border:1px solid navy;
box-shadow: 2px 2px 3px 0px #40beff inset;
background: -webkit-gradient(linear, left top, left bottom, from(#004eb2), to(#006cff));
background: -moz-linear-gradient(top, #004eb2, #006cff);
background: -ms-linear-gradient(top, #004eb2, #006cff);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#004eb2', endColorstr='#006cff');
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.statbox {
	background:url(images/statbg.png);
	background-size:100%;
	margin-top:5px;
}
.photobox{
margin-left: auto;
margin-right: auto;
height: 350px;
background: url(images/banner.jpg);
margin-top:15px;
margin-bottom:15px;
border:3px solid #01018c;
-moz-box-shadow:inset 0px 1px 3px 0px navy;
-webkit-box-shadow:inset 0px 1px 3px 0px navy;
box-shadow:inset 0px 1px 3px 0px navy;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
}
.whitebox {
border:1px solid black;
color: #01018c;
padding:4px;
margin:2px 0px;
	-moz-box-shadow:inset 0px 1px 3px 0px navy;
	-webkit-box-shadow:inset 0px 1px 3px 0px navy;
	box-shadow:inset 0px 1px 3px 0px navy;

	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-shadow:none;
	background: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.whitebox2 {
border:1px solid black;
color: #01018c;
padding:4px;
margin:2px 0px;
	-moz-box-shadow:inset 0px 1px 3px 0px navy;
	-webkit-box-shadow:inset 0px 1px 3px 0px navy;
	box-shadow:inset 0px 1px 3px 0px navy;

	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-shadow:none;
	background: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;

            min-height: 187px;
}
.faqbox {
margin: 15px 15px 15px;
border:1px solid black;
color: #01018c;
padding:4px;
	-moz-box-shadow:inset 0px 1px 3px 0px navy;
	-webkit-box-shadow:inset 0px 1px 3px 0px navy;
	box-shadow:inset 0px 1px 3px 0px navy;

	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-shadow:none;
	background: white;
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.classname {
border:solid 3px ##01018c;
text-align:center;
width: 300px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004eb2), color-stop(1, #006cff) );
background:-moz-linear-gradient( center top, #004eb2 5%, #006cff 100% );
background:-ms-linear-gradient( center top, #004eb2 5%, #006cff 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004eb2', endColorstr='#006cff');
padding:20px 5px 20px 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;
transition:All 1s ease;-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;-o-transition:All 1s ease;
transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
    -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.classname:hover{
transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-webkit-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-moz-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-o-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-ms-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}
.attention {
border:solid 3px ##01018c;
text-align:center;
width: 300px;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, red), color-stop(1, #b22222) );
background:-moz-linear-gradient( center top, red 5%, #b22222 100% );
background:-ms-linear-gradient( center top, red 5%, #b22222 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='#b22222');
padding:20px 5px 20px 5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius: 5px;
transition:All 1s ease;-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;-o-transition:All 1s ease;
transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform:  rotate(4deg) scale(1) skew(1deg) translate(10px);
font-family:raleway;
font-size:24px;
      -webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}
.attention:hover{
transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-webkit-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-moz-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-o-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
-ms-transform:  rotate(0deg) scale(0.67) skew(1deg) translate(0px);
}
.padtop5{
padding-top:5px;
}
body { margin: 20px; }

.marquee {
  height: 25px;
  width: 1000px;
	margin-left: auto;
	margin-right: auto;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 11400px;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 60s linear infinite;
}

.marquee span {
  float: left;
  width: 550%;
}

@keyframes marquee {
  0% { left: 1000; }
  100% { left: -5400; }
}