﻿body {font-weight: normal; font-size:10pt; line-height:normal; font-style:normal; font-family:Arial, Trebuchet MS, Verdana; background:#18507f url(../images/bg.jpg) repeat; margin:0;}
body.blank {background:#2b4f89;}

/*--- [Common Elements] ---*/
p {margin:0; padding:0 0 10px 0; color:Yellow;}

h1, h2, h3 {font-weight:normal; color:yellow; margin:0; padding:0; font-weight:bold;}

h1 {font-size:180%; padding:3px 0 15px 0; margin-top:20px; text-decoration:underline;}
h1.lnews {padding:0 0 5px 0;}
h1.logtitle {color:#44424d; padding:0; margin:0; font-size:190%; float:left; clear:both;}
h2 {font-size:150%; margin:3px 0 5px 0; padding:0 0 3px 0; text-decoration:underline;}
h3 {font-size:130%; margin:3px 0 5px 0; padding:0 0 3px 0; text-decoration:underline;}

a {color:#fff; text-decoration:none;}
    a:hover {text-decoration:underline;}
    a img {border:0px solid #333;}

/*--- [Layout] ---*/

.container {text-align:center; margin:0 auto; width:980px; color:Yellow;}
    .header {width:980px; height:80px; position:relative;}
		.header .logo {position:absolute; top:2px; left:10px;}
		.header .rangersText {position:absolute; top:25px; left:180px;}
		.header .socialFacebook {position:absolute; top:60px; left:800px;}
		.header .socialTwitter {position:absolute; top:60px; left:850px;}
		.header .socialYoutube {position:absolute; top:60px; left:900px;}
	
	.feature {border-bottom:4px solid #efda64; width:980px; margin:0; padding:0;}
	.col-wrap {text-align:left; margin:-4px auto 0 auto; width:954px; padding:13px; background:#3970b1;}
	
	.infoWrap {padding:0 0 0 6px;}
		.infoWrap .top {margin:0 0 13px 0;}
		.infoWrap .bottom {}
		.infoWrap .infoBox {width:309px; height:228px; float:left; margin:0 0 0 5px; background:#1b4f8d;}
			.infoWrap .infoBox .foot {border-top:4px solid #efda64;}
				.infoWrap .infoBox .foot .left {float:left; padding:4px 0 0 10px;}
				.infoWrap .infoBox .foot .right {float:left; padding:10px 0 0 12px;}
				.infoWrap .infoBox .foot a {color:#fff;}
			.infoWrap .infoBox .title {background:#efda64; height:40px;}
				.infoWrap .infoBox .title img {padding:12px 0 0 40px;}
	
	.fixedBox {height:150px; width:309px; color:#fff;}
		.fixedBox table {font-size:90%;}
			.fixedBox table {padding:10px 0 0 5px; width:299px;}
			.fixedBox table th {background:#1b4f8d; padding:2px 2px 5px 2px; color:#fff;}
			.fixedBox table td {background:#1b4f8d; padding:2px 2px 5px 2px; color:#fff;}
			.fixedBox table td.alt {background:#8da7c6; color:#fff;}
	
	.nextGame {background:#1B4F8D;}
		.nextGame ul {height:15px;}
	.nextgameWrap {margin:0 auto; width:266px; padding:40px 0 0 0;}
		.nextgameWrap .left {float:left; width:90px;}
		.nextgameWrap .right {float:right; width:140px;}
			.nextgameWrap .right p {color:#fff; font-size:110%;}
	
    .footer {text-align:center; margin:0 auto; width:964px; height:38px; color:#fff; padding:4px 6px 0 10px;}
        .footer .left {float:left; width:280px; text-align:left; padding:5px 0 0 0;}
        .footer .right {float:right; width:150px; margin:0;}
        .footer a {color:#fff;}
        
    .fixtures {}
		.fixtures table th {background:#1b4f8d; text-align:left; padding:2px 2px 5px 2px; color:#EFDA64; font-size:110%;}
		.fixtures table td {background:#1b4f8d; padding:2px 2px 5px 2px; color:#fff;}
		.fixtures table td.alt {background:#8da7c6; color:#fff;}
	
	.sponsor-container {width:442px; border:solid 1px #ccc; margin:0 10px 10px 0;}
		.sponsor-container .left {width: 190px; margin: 0; padding: 5px 0 10px 0; float: left; text-align: center;}
		.sponsor-container .right {width:230px; margin:0 5px 0 0; padding: 5px 0 10px 0; float:right; text-align:left;}     

/*--- [ new navigation ] -------------------------------------------*/

    .newnav {width:100%; margin:0; float:left; height:40px; width:100%; background:url(../images/navbg.jpg) repeat-x;}
    .nav {margin:0 0 0 180px;}
        .menu {padding:5px 0 0 0; margin:0;}
            #menu, #menu ul {list-style:none; font-weight:bold; padding:6px 0 0 10px; margin:0;}
            #menu, #menu li {margin:0 1em 0 0;}
            
            /* --- [Main Menu Items] --- */

            #menu a {display:block; color:#1b4f8d; text-align:left; text-decoration:none; height:23px; padding:0; font-size:100%;}
            #menu a:hover, #menu a:active {text-decoration:underline;}

            /* --- [List Styles] --- */

            #menu li {float:left; padding:0;}
            #menu li ul {position:absolute; left:-999em; height:auto; width:174px; font-weight:normal; font-size:86%; font-weight:bold;}
            #menu li li {width:174px; border:0px solid yellow;}

            #menu li ul a {height:28px; background:#ffc223; color:#18507f; text-align:left; height:18px; padding:0.2em 0 0.1em 1em; margin:0;}
            #menu li ul a:hover {text-decoration:underline;}
            /*#menu li .last {width:182px; height:15px; padding:0;}*/

            #menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {left:-999em; margin:0;}
            #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {left:auto;}
            #menu li:hover, #menu li.sfhover {}

/* --- [Admin Classes] --- */

.admin-bar {background:#ae4141; width:100%; text-align:center; height:30px; margin:0 0 10px 0;}
	.admin-icon {padding:6px 0 0 0; color:#fff;}
	
.admin-edit {border:solid 3px #ae4141; width:99%;}
	.admin-edit-menu {width:100%; margin:0; background-color:#ae4141; height:23px;}
	.admin-edit-text {color:White; font-weight:bold; padding:2px 0 0 0; float:left;}
	.admin-edit-saveButton {background:white url(../images/admin/save.gif) 0 0 no-repeat; display:block; width:17px; Height:20px; float:right;}
	.admin-edit-saveButton:hover {background:white url(../images/admin/save.gif) 0 -20px no-repeat;}
	
	.admin-edit-editButton {background:white url(../images/admin/edit2.gif) 0 0 no-repeat; display:block; width:17px; Height:20px;  float:right;}
	.admin-edit-editButton:hover {background:white url(../images/admin/edit2.gif) 0 -20px no-repeat;}
	.admin-edit-cancelButton {background:white url(../images/admin/cancel3.gif) 0 0 no-repeat; display:block; width:17px; Height:20px;  float:right;}
	.admin-edit-cancelButton:hover {background:white url(../images/admin/cancel3.gif) 0 -20px no-repeat;}
	
	.admin-edit-upButton {background:white url(../images/admin/up.gif) 0 0 no-repeat; display:block; width:17px; Height:20px;  float:right;}
	.admin-edit-upButton:hover {background:white url(../images/admin/up.gif) 0 -20px no-repeat;}
	.admin-edit-downButton {background:white url(../images/admin/down.gif) 0 0 no-repeat; display:block; width:17px; Height:20px;  float:right;}
	.admin-edit-downButton:hover {background:white url(../images/admin/down.gif) 0 -20px no-repeat;}
	
.introBox {width:100%; font-weight:bold;}
    .introBox-left {width:48%; float:left;}
    .introBox-left input {width:99%;}
    .introBox-right {width:48%; float:right;}
    .introBox-right textarea {width:97%;}
	
	/* ---- [AJAX TOOLKIT STYLES] --- */
.NewsPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px;}

.modalBackground {background-color:Gray; filter:alpha(opacity=70); opacity:0.7;}

.new-news {color:#fff; border-bottom:1px dashed #efda64; margin:10px 0 0 0; padding:0 0 8px 0;}
    .newsdate {font-size:80%; color:#efda64; font-weight:bold; padding:0 0 3px 0;}
    .newsbody {font-size:90%;}

/* --- [Misc] ---*/

.clear {clear:both;}

/* --- [News Feed] ---*/

    .newsfeed {margin:0;}        
    .newsitem-wrap {width:100%; color:#fff; border:0px solid #445d77; padding:0; margin:0; height:48px; background:#8da7c6;}
        .newsitem-wrap a {color:#fff; font-weight:bold;}
    .newsitem-wrapi {width:100%; color:#445d77; border-bottom:0px dotted #445d77; padding:0; margin:0; height:48px; background:#1B4F8D;}
        .newsitem-left {float:left; width:43px; height:43px; margin:0 5px;}
            .newsitem-left img {border:0px solid #445d77; padding:3px 0 0 0;}
        .newsitem-right {float:right; text-align:left; width:250px; padding:2px 5px 0 0; height:48px;}
            .newsitem-right a {color:#fff; text-transform:uppercase; font-size:85%; font-weight:bold;}
            .newsitem-right a:hover {text-decoration:underline;}
                
.loginform {margin:200px auto 0 230px; background:url(../images/LoginForm.png) no-repeat; width:510px; height:229px;}
    .loginform .login {width:380px; margin:22px 0 0 61px;}
        .loginform .login .left {float:left; padding:3px 0 0 0; width:35px; height:40px;}
        .loginform .login .right {float:right; width:320px;}
        .loginform .login .signin {background:url(../images/textTile.gif) repeat-x; color:#fff; font-size:140%; border:1px solid #a2a1a4; height:30px; width:300px; margin:0 0 5px 0; padding:6px 0 0 6px;}
    
    .loginform .login p {padding:0; margin:0 0 20px 0;}
    .loginform .remember {color:#97959b; font-size:80%; float:left; margin:0 0 0 173px; padding:9px 0 0 0; width:100px;}
        .loginform .remember input {background:#fff; vertical-align:bottom; margin:0; padding:0;}
    .loginform .loginbutton {float:right; margin:0 7px 0 0;}

.errorbox {margin:80px auto 0 0; padding:28px 0 0 30px; background:url(../images/errorbox.png) no-repeat; width:510px; height:40px;}
    .errorbox .errorTxt{color:#fff;}
    
    
/* Profiles */

img.profile {width:250px;}
img.pixels250 {width:250px;	margin:0 0 10px 0; border:solid 1px #000;}

.profiles-wrap {width:100%;}
.profiles-panel-image {margin:0; padding: 19px 23px 8px 23px; border:solid 1px #ddd; background:#eee; float: left;}
.profiles-detail-image {/*border:solid 1px #ddd;*/}
.w260 {display:block; width:260px; margin:0 0 10px 0; padding: 19px 23px 14px 23px; border:solid 1px #ddd; background:#eee; text-align:center;}    
.w160 {display:block; width:160px; margin:0 0 10px 0; padding: 19px 23px 14px 23px; border:solid 1px #ddd; background:#eee; text-align:center;}

.profiles-panel {width:300px; margin:10px 0 0 10px; float:left;}   
/*.profiles-panel-best {width:280px; margin:0; padding:10px 10px 10px 15px; float: left;}
.banner-panel {width:300px; margin:0; padding: 0 0 0 25px; float: left;}

.profiles-panel-center {width:310px; margin:10px 10px 0 0; float:left;}
.profiles-panel-center-detail {width:290px; margin:10px 20px 0 20px; float: left;}
.profiles-paneli {width:300px; margin:10px 0 0 10px; float:right;}*/
    
    .award-list-box {display:block;	width:300px; height:320px; margin:0 5px 5px 0; padding:0; color:#000; border:solid 4px #ddd; text-align:left; float:left;}
	h2.award-list,h3.award-list	{display:block; margin:0 0 10px 0; padding:3px 3px 3px 8px; font-size:9pt; border-bottom:dotted 1px #666; text-align:left;}
	.award-list-image {margin:0; border:solid 0px #f00; float:left;}
	.award-list-text {width:175px; margin:5px 5px 0 10px; border:solid 0px #ff0; float:left;}
	.award-list-text p {font-size:8pt; text-align:left;}
    
    .formProfile {}
    .formProfile label {width:90px;}
    .formProfile input {width:300px;}
    .formProfile textarea {width:300px; height:100px;}
    
    .form {margin:0;}
        .form .ads {padding:0 0 10px 0; border-bottom:1px solid #000; margin:0 0 10px 0; font-size:9pt; font-weight:bold;}
           .form .ads .left {float:left; width:160px;}
           .form .ads .right {float:left;}
        .form .contactDetails {padding:0 0 20px 0; border-bottom:0px solid #000; margin:0 0 10px 0; font-size:9pt; font-weight:bold;height:40px}  
        .form .agency {padding:10px 0 10px 0; border-bottom:0px solid #000; margin:10px 0 10px 0; font-size:9pt; font-weight:bold;}
            .form .agency .left {float:left; width:160px;}
            .form .agency .right {float:left;}

    .form p {margin:3px 0 10px 0; font-weight:normal;}
    .form label {float: left; width: 160px; font-weight:bold; font-size:9pt; margin: 5px 0 0 0;}
    .form input {margin:0 0 5px 0; font-size:9pt;}
    .form select {margin:0 0 5px 0; font-size:90%;}  
    .form textarea {font-family:verdana; font-size:90%;}
    .form br {clear:left;}
    
/* --- [Sponsor rotator] --- */

	#slider{}	
	#slider ul, #slider li, #slider2 ul, #slider2 li {margin:0; padding:0; list-style:none;}
	#slider li, #slider2 li {width:307px; height:148px; overflow:hidden;}	

	#slider2 li {background:#f1f1f1;}		
	#slider2 li h2 {margin:0 20px; padding-top:20px;}	
	#slider2 li p {margin:20px;}						
		
	p#controls, p#controls2 {margin:0; position:relative;} 
	
	#prevBtn, #nextBtn, #prevBtn2, #nextBtn2 {display:none; margin:0; overflow:hidden; text-indent:-8000px; width:30px; height:77px; position:absolute; left:-30px; top:-160px;}	
	#nextBtn, #nextBtn2 {left:696px;}														
	#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a {display:block; width:30px; height:77px; background:url(images/btn_prev.gif) no-repeat 0 0;}	
	#nextBtn a, #nextBtn2 a {background:url(images/btn_next.gif) no-repeat 0 0;}

	.stats {width:100%;}
		.stats table {}
		.stats table th {background:none; padding:2px 2px 5px 2px; color:#ffff00; font-size:11pt;}
		.stats table td {background:none; padding:2px 2px 5px 2px; color:#fff;}
		.stats table td.alt {background:#8da7c6; color:#fff;}
