@charset "utf-8";
.grey {color:#E1E1E1;}
.wheat {color:#f5deb3;}
.violet {color:#;}
.greenblue {color:#ee82ee;}
.steelblue {color:#4682b4;}
.plum {color:#dda0dd;}
.turquoise {color:#40e0d0;}
.limegreen {color:#32CD32;}
.red {color:#FF0000;}
.grn {color:#55B255;}
.org {color:#ff4d00;}
.gold {color:#F6B807;}
.black {color:#000000;}
.white {color:#ffffff;}
.blue {color:#0000FF;}
.kcdcontentBar {width:950px; float:center;}
.kcdtopHead {padding-bottom:10px; margin-bottom:18px;}
.kcdtopHead h2 {float:center; color:#; font-size:12px;}
.kcdtopHead p {color:#000333; font-size:12px; line-height:18px;}
.kcdtopHead p a {color:#ec4700; font-weight:bold;}
/*Torrent Info Box*/
.kcdInfoBox {
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
background: -moz-linear-gradient(top, rgba(208,208,208,0.75) 0%, rgba(208,208,208,0.75) 48%, rgba(208,208,208,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(208,208,208,0.75)), color-stop(48%,rgba(208,208,208,0.75)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(208,208,208,0.75) 0%,rgba(208,208,208,0.75) 48%,rgba(208,208,208,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(208,208,208,0.75) 0%,rgba(208,208,208,0.75) 48%,rgba(208,208,208,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(208,208,208,0.75) 0%,rgba(208,208,208,0.75) 48%,rgba(208,208,208,0.75) 100%); /* IE10+ */
background: linear-gradient(top, rgba(208,208,208,0.75) 0%,rgba(208,208,208,0.75) 48%,rgba(208,208,208,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf00DDFF', endColorstr='#bf00DDFF',GradientType=0 ); /* IE6-9 */
}
.kcdInfoLF {width:465px; float:left; padding:0 0 0 0;}
.kcdInfoLF ul {}
.kcdInfoLF li {background:url(./images/divider.png) repeat-x left bottom; line-height:23px;}
.kcdInfoLF li.nobak {background:none;}
.kcdInfoLF li a {color:#000000;}
.kcdInfoLF li .col01 {float:left; color:#000000; font-size:11px; font-weight:bold; width:72px;}
.kcdInfoLF li .col02 {float:left; color:#000000; font-size:11px; font-weight:bold; width:126px; padding:0 0 0 12px;}
.kcdInfoLF li .col03 {float:left; color:#000000; font-size:11px; font-weight:bold; width:72px;}
.kcdInfoLF li .col04 {float:left; color:#000000; font-size:11px; font-weight:bold; width:126px; padding:0 0 0 12px;}
.kcdInfoLF li .col05 {float:left; color:#000000; font-size:11px; font-weight:bold; width:150px; padding:0 0 0 12px;}
.kcdInfoLF li .col06 {float:left; color:#000000; font-size:11px; font-weight:bold; width:56px;}
.kcdInfoLF li .col07 {float:left; color:#000000; font-size:11px; font-weight:bold; width:365px;}
.kcdInfoLF li .col08 {float:left; color:#000000; font-size:11px; font-weight:bold; width:480px;}
.kcdInfoLF p {color:#000000; font-size:11px; font-weight:bold;}
.kcdInfoCT {float:left; width:600px; padding:0 0 0 0;}
.kcdInfoRT {float:right; width:150px; padding:0 0 0 0;}
/*.kcdtabBar {background-image: url(./images/); height:25px; padding-top: 5px; padding-bottom: 0px; text-align: center; border: 0px solid #000; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px}*/
.kcdtabBar ul.kcdtabs {}
.kcdtabBar ul.kcdtabs li {float:left; line-height:6px; font-size:12px; font-family:Tahoma, Geneva, sans-serif; padding-left:2px;}
.kcdtabBar ul.kcdtabs li:first-child {background:none; padding-left:0;}
.kcdtabBar ul.kcdtabs li a {display:block; font-weight:bold; padding:5px 5px;}
.kcdtabBar ul.kcdtabs li a:hover {text-decoration:none;}
/******************************************/
/* # Design by TreetopClimber, Contact info: treetopclimber@gmail.com, Released under xbtit license */
/* ## start side blocks ## */
#bodyarea #scol .b-content a:link, #bodyarea #scol .b-content a:active, #bodyarea #scol .b-content a:visited { color:#00395F; font-size: 1em; }
#bodyarea #scol .b-content a:hover { color:#1D90B6; }
#bodyarea #scol .block-head { width: 100%; }
#bodyarea #scol .block-head-title { background: #D0D0D0 url(images/navigation-bg.png) no-repeat top; height: 40px; width: auto; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 44px; font-weight: normal; text-shadow:1px 1px 1px #000; font-style:none; color: #00DDFF; text-align:left; text-transform:capitalize; padding: 0px 0px 0px 15px; }
#bodyarea #scol .block-content { margin: 0px; padding: 0px; width: 100%; display: block; }
#bodyarea #scol .b-content { width: auto; margin: 0px; padding: 0px; text-align: left; border-right: 1px solid #B9DEEE; border-left: 1px solid #B9DEEE; background: #F5F5F5 url(images/box2-bg.png); display: block; color:#000; overflow: hidden; font-style:normal; }
#bodyarea #scol .b-content .header a:link, #bodyarea #scol .b-content .header a:visited { color:#aaa; font-weight:bold; padding: 0px 5px 0px 5px; }
#bodyarea #scol .b-content .header a:hover { color: #fff; font-weight:bold; padding: 0px 5px 0px 5px; }
#bodyarea #scol .b-content .header { border-collapse: collapse; background: #B9DEEE url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; line-height: 26px; height: 30px; padding: 0px 0px 2px 5px; margin:0px; font-size: 1em; color: #212121; text-align:left; }
#bodyarea #scol .block-foot { margin: 0px; padding: 0px; width: auto; }
#bodyarea #scol .block-foot-m { padding: 0px; width: auto; margin: 0px; height: 1px;background:#B9DEEE; }
#bodyarea #scol .block-shadow { background:url(images/small_shadow.png) no-repeat top center; width:160px; height:12px; margin-left:auto; margin-right:auto; margin-top:0px; }
#bodyarea #scol .b-content .blocklist { color: #999; font-size: 1em; }
#bodyarea #scol .b-content .lista { color: #0E0D1E; text-align:left; }
#bodyarea #scol .b-content .p { color: #999; text-align:left; }
#bodyarea #scol .b-content td.block { line-height:22px; color: #800101; text-align:left; padding-left: 10px; padding-right: 10px; }
#bodyarea #scol .b-content td.block a:link, #bodyarea #scol .b-content td.block a:active, #bodyarea #scol .b-content td.block a:visited { color: #075ca0; text-decoration:none;}
#bodyarea #scol .b-content td.block a:hover { text-decoration:none; color: #EEE; }
/*---*/
/* ## start main content blocks ## */
#bodyarea #Mcol .b-content a:link, #bodyarea #Mcol .b-content a:active, #bodyarea #Mcol .b-content a:visited { color:#777; font-size: 1em; }
#bodyarea #Mcol .b-content a:hover { color: #0E0D1E; }
#bodyarea #Mcol .block-head { margin: 0px; padding: 0px; width: 100%; }
#bodyarea #Mcol .block-head-l { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; float: left; height: 9px; width: 9px; }
#bodyarea #Mcol .block-head-r { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: right top; margin: 0px; padding: 0px; float: right; height: 9px; width: 9px; }
#bodyarea #Mcol .block-head-m { background:#F5F5F5 url(images/main-fill.png); background-repeat: repeat-x; background-position: top; height: 9px; width: auto; margin: 0px 9px 0px 9px; display: block; }
#bodyarea #Mcol .block-head-title { background: #338899 url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; height: 45px; width: auto; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 49px; font-weight: normal; text-shadow:1px 1px 1px #000; font-style:none;color: #33CCBB; text-align:left; text-transform:capitalize; padding: 0px 0px 0px 15px; }
#bodyarea #Mcol .block-content-l { background:#F5F5F5 url(images/main-l.png); background-repeat: repeat-y; background-position: left; margin: 0px; width: auto; padding: 0px; display: block; }
#bodyarea #Mcol .block-content-r { background:#F5F5F5 url(images/main-r.png); background-repeat: repeat-y; background-position: right; margin: 0px; padding: 0px; width: auto; display: block; }
#bodyarea #Mcol .block-content { margin: 0px; padding: 0px; width: 100%; display: block; }
#bodyarea #Mcol .b-content { width: auto; margin: 0px 4px 0px 4px; padding: 0px; background: #C0D9E3 url(images/main-m.png); text-align: left; display: block; overflow: hidden; color:#0E0D1E; }
#bodyarea #Mcol .b-content .header a:link, #bodyarea #Mcol .b-content .header a:visited { color:#0E0D1E; font-weight:normal; font-size: 1em; padding: 0px 5px 0px 5px; }
#bodyarea #Mcol .b-content .header a:hover { color: #000; font-weight:normal; font-size: 1em; padding: 0px 5px 0px 5px; }
#bodyarea #Mcol .b-content .header { border-collapse: collapse; background-color: #F6F6F6; background-image: url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; line-height: 26px; height: 30px; padding: 0px 0px 2px 5px; margin:0px 4px 0px 5px; font-size: 9pt; color: #262535; font-weight:normal; text-align:left; }
#bodyarea #Mcol .block-foot { margin: 0px; padding: 0px; width: auto; }
#bodyarea #Mcol .block-foot-l { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; float: left; height: 9px; width: 9px; }
#bodyarea #Mcol .block-foot-r { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: right top; margin: 0px; padding: 0px; float: right; height: 9px; width: 9px; }
#bodyarea #Mcol .block-foot-m { background:#F5F5F5 url(images/main-fill.png); background-repeat: repeat-x; background-position: top; height: 9px; width: auto; margin: 0px 9px 0px 9px; display: block; }
#bodyarea #Mcol .block-shadow { background:url(images/shadow2.png) no-repeat top center; width:600px; height:17px; margin-bottom:18px; margin-left:auto; margin-right:auto; margin-top:-1px; }
#bodyarea #Mcol .b-content .blocklist { color: #999; font-size: 1em; }
#bodyarea #Mcol .b-content .lista { color: #0E0D1E; text-align:left; padding-left: 10px; }
#bodyarea #Mcol .b-content td.block { line-height:22px; font-size: 1em; color: #0E0D1E; text-align:left; padding-left: 10px; padding-right: 10px; }
#bodyarea #Mcol .b-content .p { font-size: 1em; color:#8A8DD0; }
#bodyarea #Mcol .b-content td.block a:link, #bodyarea #Mcol .b-content td.block a:active, #bodyarea #Mcol .b-content td.block a:visited { color: #8A8DD0; text-decoration:none;}
#bodyarea #Mcol .b-content td.block a:hover { text-decoration:none; color: #EEE; }
/*---*/
#surround { display:block; width:100%; margin: 0px auto; }
.surround-shadow { background: url(images/surround_shadow.png) 50% 0 no-repeat; height:27px; margin-bottom:18px; margin-left:auto; margin-right:auto; margin-top:-17px; }
table #SRRND { background:#C7C7C7 url(images/title4-bg.png) 50% 0 no-repeat; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #bbb; height:70px; width:100%; padding: 27px 20px 0px 20px; margin: 0px; }
.overlay { background: url(images/main-overlay.png) 50% 0 no-repeat; }
/*---*/
/* ## Start Footer Blocks ## */
table #SRRND2 { background:#C7C7C7 url(images/title4-bg.png) 50% 0 no-repeat; border-left: 1px solid #bbb; border-right: 1px solid #bbb; border-top: 1px solid #ccc; border-bottom: 1px solid #bbb; height:70px; width:100%; padding: 27px 20px 0px 20px; margin: 0px; margin-bottom:-1px; }
.overlay2 { background: url(images/main-overlay.png) 50% 0 no-repeat; }
#Fcol .b-content a:link, #Fcol .b-content a:active, #Fcol .b-content a:visited { color:#8A8DD0; font-size: 1em; }
#Fcol .b-content a:hover { color: #0E0D1E; }
#Fcol .b-content .p { color: #a6a6a6; }
#Fcol .block-head { margin: 0px; padding: 0px; width: auto; }
#Fcol .block-head-l { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; float: left; height: 9px; width: 9px; }
#Fcol .block-head-r { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: right top; margin: 0px; padding: 0px; float: right; height: 9px; width: 9px; }
#Fcol .block-head-m { background:#F5F5F5 url(images/main-fill.png); background-repeat: repeat-x; background-position: top; height: 9px; width: auto; margin: 0px 9px 0px 9px; display: block; }
#Fcol .block-head-title { background: #D0D0D0 url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; height: 45px; width: auto; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; line-height: 49px; font-weight: normal; text-shadow:1px 1px 1px #000; font-style:none; color: #33CCBB; text-align:left; text-transform:capitalize; padding: 0px 0px 0px 15px; }
#Fcol .block-content-l { background:#F5F5F5 url(images/main-l.png); background-repeat: repeat-y; background-position: left; margin: 0px; width: auto; padding: 0px; display: block; }
#Fcol .block-content-r { background:#F5F5F5 url(images/main-r.png); background-repeat: repeat-y; background-position: right; margin: 0px; padding: 0px; width: auto; display: block; }
#Fcol .block-content { margin: 0px; padding: 0px; width: 100%; display: block; }
#Fcol .b-content { width: auto; margin: 0px 4px 0px 4px; padding: 0px; background: #C0D9E3 url(images/main-m.png); /* C0E1F0*/ text-align: left; display: block; overflow: hidden; color:#0E0D1E; }
#Fcol .b-content .header a:link, #Fcol .b-content .header a:visited { color:#ccc; font-weight:bold; font-size: 1em; padding: 0px 5px 0px 5px; }
#Fcol .b-content .header a:hover { color: #fff; font-weight:bold; font-size: 1em; padding: 0px 5px 0px 5px; }
#Fcol .b-content .header { border-collapse: collapse; background-color: #dbeef5; background-image: url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; line-height: 26px; height: 30px; padding: 0px 0px 2px 10px; margin:0px 4px 0px 5px; font-size: 9pt; color: #262535; font-weight:normal; text-align:left; }
#Fcol .block-foot { margin: 0px; padding: 0px; width: auto; }
#Fcol .block-foot-l { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: left top; margin: 0px; padding: 0px; float: left; height: 9px; width: 9px; }
#Fcol .block-foot-r { background:#F5F5F5 url(images/main-corners.png); background-repeat: no-repeat; background-position: right top; margin: 0px; padding: 0px; float: right; height: 9px; width: 9px; }
#Fcol .block-foot-m { background:#F5F5F5 url(images/main-fill.png); background-repeat: repeat-x; background-position: top; height: 9px; width: auto; margin: 0px 9px 0px 9px; display: block; }
#Fcol .block-shadow { background:url(images/shadow2.png) no-repeat top center; width:600px; height:17px; margin-bottom:18px; margin-left:auto; margin-right:auto; margin-top:-1px; }
#Fcol .b-content .blocklist { color: #a6a6a6; font-size: 1em; }
#Fcol .b-content .lista { color: #999; text-align:left; }
#Fcol .b-content td.block { line-height:22px; color: #000; text-align:left; padding-left: 10px; padding-right: 10px; }
#Fcol .b-content td.block a:link, #Fcol .b-content td.block a:active, #Fcol .b-content td.block a:visited { color: #FFF; text-decoration:none;}
#Fcol .b-content td.block a:hover { text-decoration:none; color: #8A8DD0; }
/*---*/
/* ## main header ## */
#header { display:block; position:relative; width:96%; border:none; text-align:center; margin:2px auto; padding:0px; }
/* header surround */
#header .wrap_tl { background: url(images/main-corners.png) no-repeat top left; height: 2px; }
#header .wrap_tr { background: url(images/main-corners.png) no-repeat top right; height: 2px; }
#header .wrap_tm { background: url(images/main-t.png) repeat-x top left; height: 2px;}
#header .wrap_ml { background: url(images/main-l.png) repeat-y top left; }
#header .wrap_mr { background: url(images/main-r.png) repeat-y top right; }
#header .wrap_mm { background: url(images/medium-tint.png) top left; margin: 0px 2px 0px 2px; }
#header .wrap_bl { background: url(images/main-corners.png) no-repeat bottom left; height: 2px; }
#header .wrap_br { background: url(images/main-corners.png) no-repeat bottom right; height: 2px;}
#header .wrap_bm { background: url(images/main-b.png) repeat-x bottom left; height: 2px; }
#header .wrap_inner_content { background: url(images/overlay.png) repeat-x; background-position: top; height:100%; }
#header .space { height:30px; }
/*---*/
/* main header links 328596*/
#header .block-head { width: auto; height: 5px;}
#header .b-content a:link, #header .b-content a:active, #header .b-content a:visited { color: #777; font-size: 9pt; font-style:italic; }
#header .b-content a:hover { color: #000; font-style:italic; }
#header .p { font-size: 9pt; font-style:italic; }
#header td.lista { background:transparent; border-collapse: collapse; border:0px; color: #1D393E; font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; font-weight:bold; font-style:italic; font-size: 9pt; text-align:left; }
#header td.red { color: #FF0033; text-shadow: 1px 1px #000; font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; font-weight:bold; font-style:italic; font-size: 9pt; text-align:left; }
#header td.yellow { color: #FFD200; text-shadow: 1px 1px #000; font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; font-weight:bold; font-style:italic; font-size: 9pt; text-align:left; }
#header td.green { color: #9CCB1D; text-shadow: 1px 1px #000; font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; font-weight:bold; font-style:italic; font-size: 9pt; text-align:left; }
#header td.header { background:transparent; border-collapse: collapse; border:0px; color: #000; font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif; font-weight:bold; font-style:italic; font-size: 9pt; text-align:left; }
/*---*/
/* header mainmenu links classic style */
#header .b-content a.mainmenu:link, #header .b-content a.mainmenu:active, #header .b-content a.mainmenu:visited { background: url(images/main-m.png); display:inline-block; font-family: Arial, Helvetica, sans-serif; color:#444; font-weight: normal; font-size:9pt; height:25px; line-height:29px; text-decoration:none; border:1px solid #EEF5FD; text-transform: uppercase; padding:0px 15px 0px 15px; }
#header .b-content a.mainmenu:hover { color: #000; text-align:center; background:#CECECE url(images/navigation-active.png); }
/*---*/
#Logo { height:400px; width:100%; margin-top:0px; background-image: url(images/fm-logo.png); background-repeat: no-repeat; background-position: bottom center; }
#Logo_Spacer1 { height:5px; }
#Logo_Spacer2 { margin-top:-282px; }
/*---*/
/* ## Main Menu ## */
#Emenu { left:0px; top:0px; width:100%; height:35px; text-align:center; margin: 0px auto; padding-top:0px; }
#extra { display:inline-block; position:relative; width:auto; border:none; text-align:center; margin:0px auto; padding:2px; height:35px; }
#extra .b-content a.mainmenu:link, #extra .b-content a.mainmenu:active, #extra .b-content a.mainmenu:visited { background: url(images/navigation-bg.png); display:inline-block; font-family: Arial, Helvetica, sans-serif; color:#444; font-weight: normal; height:30px; line-height:34px; text-decoration:none; text-transform: uppercase; padding:0px 15px 0px 15px; -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); -icab-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); -khtml-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9); }
#extra .b-content a.mainmenu:hover { color: #000; text-align:center; background:#CECECE url(images/navigation-active.png); }
#extra .b-content .header { background:transparent; text-align:center; }
/*---*/
/* ## css for dropdown menu ## */
#menu { width:auto; height:35px; text-align:center; margin:0px auto; padding-top:0px; }
/* Donot change the values of this menu unless you know exaclty what you are doing */
#menu ul { margin:0; padding:0; list-style:none; white-space:nowrap; }
#menu ul { display:inline-block; }
#menu li { margin:0; padding:0; list-style:none; }
#menu li { display:inline-block; display:inline; }
#menu ul ul { position:absolute; left:-9999px; width:auto; border:none; }
#menu ul.level1 { margin:-10px auto; padding:2px; background:#C0E1F0 url(images/navigation-bg.png) 50% 100% no-repeat; } /* this value helps control the vertical alignment of the menu */
#menu ul.level1 li.level1-li { float:left; display:block; position:relative; }
/* these are the levels below the main links of the menu, these are for the location and images used in the dropdown boxes --- notice the margin for the top on level2 is set to 5px this represents the location of the first level drop, I have it set to be just below my hover image */
#menu ul.level2 { background-color:#B0D9ED; float:left; padding:0px; margin-top:5px; }
/*---*/
#menu ul.level3 { background-color:#B0D9ED; float:left; padding:0px; }
/*---*/
#menu ul.level4 { background-color:#B0D9ED; float:left; padding:0px; }
/*- Level 4 to the Left -*/
#menu li.left ul.level4 { background-color:#B0D9ED; width:300px; float:right; padding:0px; }
#menu li.left ul.level4 a { text-align:right; padding:0px 15px 0px 10px; font-size:9pt; text-transform: uppercase; }
/*---*/
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
/* this next value is the over all text info for the first set of links in the dropdown menu */
#menu a { display:block; font-family: Arial, Helvetica, sans-serif; color:#000; font-weight: normal; font-size:10pt; line-height:35px; text-decoration:none; text-transform: uppercase; padding:0px 40px 0px 40px; }
/*---*/
#menu ul.level1 li.level1-li a.level1-a { float:left; }
/* the width here is set to 198px and that is shown as the width of the dropdown boxes in levels 2,3 and 4 of the dropdown menu */
#menu ul li:hover > ul { visibility:visible; left:0; top:29px; width:198px; } /* is for right dropdown or normal */
#menu li.left:hover > ul { visibility:visible; left:auto; right:0; top:29px; width:198px; } /* is for left dropdown */
/* the margin left or right on these next to values signifies the distance beteween the dropdown boxes. the margin top lines being negative raises the boxes so that your menu is even in stead of offset */
#menu ul ul li:hover > ul { visibility:visible; left:100%; top:auto; margin-top:-34px; margin-left:-2px; } /* is for right dropdown or normal */
#menu li.left ul li:hover > ul { visibility:visible; left:auto; right:100%; top:auto; margin-top:-34px; margin-right:-2px; } /* is for left dropdown */
#menu a:hover ul { left:0; top:29px; }
#menu li.left a:hover ul { left:auto; right:-1px; top:29px; }
/* these next 2 values are for the alignment, padding, font size, and text used in the dropdown boxes */
#menu li ul a { text-align:left; padding:0px 10px 0px 15px; font-size:9pt; text-transform: uppercase; }
#menu li.left ul a { text-align:right; padding:0px 15px 0px 10px; font-size:9pt; text-transform: uppercase; }
#menu a:hover a:hover ul, #menu a:hover a:hover a:hover ul { left:100%; visibility:visible; }
#menu li.left a:hover a:hover ul, #menu li.left a:hover a:hover a:hover ul { left:auto; right:0; visibility:visible; }
#menu a:hover ul ul, #menu a:hover a:hover ul ul { left:-9999px; }
#menu li.left a:hover ul ul, #menu li.left a:hover a:hover ul ul { left:-9999px; }
#menu li a.drop { background:transparent url(images/down-arrow.png) no-repeat right center; padding-left:10px; } /* the padding on this is set so that the dropdown arrow is offset to 20px to the right of the drop menu links */
#menu li a.fly { background:transparent url(images/right-arrow.png) no-repeat right center; }
#menu li.left ul a.fly { background:transparent url(images/left-arrow.png) no-repeat left center; }
/* we only need one image here for our mouse over or hover image, and link color */
#menu li a:hover, #menu li a.fly:hover { }
#menu li:hover > a, #menu ul li:hover > a.fly { color:#444; background-color:#C0E0ED; border:none; }
/*---*/
/* not to be messed with beyond this point these are setting for IE */
#menu table { position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-6px; }
#menu table table { position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-left:-4px; }
#menu li.left table { position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px; }
#menu li.left table table { position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-right:-4px; }
/*---*/
/* ## Main Setup ##C0E1F0*/
body { font-family: verdana, arial, helvetica, sans-serif; font-size:9pt; width:100%; background: #E3EEFC url(images/grunge.png); color:#1D393E; margin-top: 0px; padding: 0px; }
#main_body_wrap { position:absolute; left:0px; top:0px; min-height:100%; width:100%; }
#outer_wrap { position:relative; display:block; width:96%; padding:0px; margin: 0px auto; }
#mid_Container { position:relative; display:block; left:0px; top:0px; width:100%; min-height:100%; padding:0px; margin: 0px auto; }
/* Slider Image Positions */
#slideIt { diplay:inline-block; diplay:block; width:100%; min-height:36px; border-collapse: collapse; border:0; padding:0px 10px 10px 0px; } /* this is for the header block */
#slideIt2 { diplay:block; width:100%; min-height:36px; border-collapse: collapse; border:0; padding:0px 10px 10px 0px; } /* this is for the main_footer blocks */
/* ## This is where the HEADER is displayed ## */
#top_row { display:inline; width:100%; min-height:100%; }
#top_row_inner1 { height:100%; padding:0; }
#top_row_inner2 { }
.top_row_spacer { height:40px; } /* this gives space between the header and the animated collapse images */
/* ## This is set aside for the ads block found in xbtitfm ## */
#ader_wrap { display:block; width:100%; height:100%; }
#ader_wrap1 { height:100%; /*padding-top:18px; padding-bottom:20px;*/ }
#ader_wrap2 { width:96%; margin-left:auto; margin-right:auto; }
/* ## This holds the MENU'S both dropdown and main ## */
#top_menu { display:inline; padding-left:17px; margin-left:-17px; margin-right:-17px; width:100%; min-height:100%; }
#top_menu_inner1 { height:100%; padding:0; }
#top_menu_inner2 { height:35px; padding:0; }
.top_menu_spacer { height:50px; }
#top_margin { min-height:10px; width:100%; }
/* ## Main Outer Wrapper ## */
.wrap_tl { background: url(images/main-corners.png) no-repeat top left; height: 2px; }
.wrap_tr { background: url(images/main-corners.png) no-repeat top right; height: 2px; }
.wrap_tm { background: url(images/main-t.png) repeat-x top left; height: 2px; }
.wrap_ml { background: url(images/main-l.png) repeat-y top left; }
.wrap_mr { background: url(images/main-r.png) repeat-y top right; }
.wrap_mm { background: url(images/medium-tint.png) top left; margin: 0px 2px 0px 2px; }
.wrap_bl { background: url(images/main-corners.png) no-repeat bottom left; height: 2px; }
.wrap_br { background: url(images/main-corners.png) no-repeat bottom right; height: 2px; }
.wrap_bm { background: url(images/main-b.png) repeat-x bottom left; height: 2px; }
.wrap_inner_content { background: url(images/overlay.png) repeat-x; background-position: top; height:100%; }
.spacer { height:50px; }
.shadowbar { background: url(images/main-shadow.png) 50% 0 no-repeat; height:32px; margin-bottom:18px; margin-left:auto; margin-right:auto; margin-top:-1px; }
/*---*/
/* Copywrite Area */
#bottom_margin { width:100%; }
#bottom_row { width:100%; }
#bottom_row_inner1 { height:100%; }
#bottom_row_inner2 { background: url(images/row-bg.png); height:90px; padding-bottom:30px; }
#footer_wrap { height:110px; width:100% }
#footer_text { margin:1px auto; text-align:center; padding-left:10px; padding-top:40px; font-size: 9pt; font-style:italic; }
.footer { color: #1D393E; font-size: 9pt; font-style:italic; }
.footer a:link, .footer a:active, .footer a:visited { color:#292929; font-size: 9pt; font-style:italic; }
.footer a:hover { color: #E9F4F8; font-size: 9pt; font-style:italic; }
.Fspacer { height:10px; } /* this is used in the credits area instead of using
;o) */
/*-- start of original tracker settings --*/
.highlight { background: #F8F81A; color: #FF0000; }
.btn { color:#222; background:transparent; border: 1px solid #242424; font-family: Verdana, Helvetica, Sans-Serif; font-size: 9pt; padding: 2px; vertical-align: middle; }
textarea { font-size: 9pt; color: #000; font-family: verdana, arial, helvetica, sans-serif; background: url(images/box1-bg.png); display:block; overflow: auto; line-height: 1.4em; }
/* Checkboxes shouldn't have a background color. */
input.check { }
/* Input boxes - just a bit smaller than normal so they align well. */
input, select, button { font-size:8pt; font-weight: normal; color: #181818; background: #E9F4F8 url(images/main-m.png); font-family: verdana, arial, helvetica, sans-serif; }
/* Standard horizontal rule.. */
hr { color: #808080; background-color: transparent; }
img { border:0px; }
/* ## codes below used for internal forum ##*/
/* A quote, perhaps from another post. */
.quote { color: #000; background:#8A8DD0; font-family: verdana, arial, helvetica, sans-serif; border: 1px solid #817CAE; margin: 1px; padding: 1px; font-size: x-small; line-height: 1.4em; }
/* A code block - maybe even PHP ;). */
.code { color: #181818; background:#D0D0D0; font-family: courier new, times new roman, monospace; font-size: x-small; line-height: 1.3em; /* Put a nice border around it. */ border: 1px solid #565962; margin: 1px auto 1px auto; padding: 1px; width: 99%; /* If IE wrap its contents, Else show scrollbars. */ overflow: auto; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; }
.post { background: transparent; padding:0px; margin:0px; color:#000; line-height: 1.4em; text-align:left; overflow: auto; }
select.drop_pager { font-size: 11px; }
.pager { border: 1px solid #E7E7E7; padding: 1px 3px 1px 3px; }
.pagercurrent { border: 1px solid #E7E7E7; padding: 1px 3px 1px 3px; }
.pager a:link, .pager a:visited, .pagercurrent a:link, .pagercurrent a:visited { text-decoration:none; }
.pager a:hover, .pagercurrent a:hover { text-decoration:none; }
/* below are body links, titles & font sizes not covered in other above code */
a:link, a:active, a:visited { color: #C7C7C7; text-decoration:none; }
a:hover { text-decoration:none; color: #BBB; }
h1 { font-size: 11pt; }
p { font-size: 9pt; }
table { border: 0px; background: transparent; }
table .lista { border: 0px; background: transparent; }
table .main { border: 0px; background: transparent; }
/* This code is for the announcements */
#main { position:absolute; left:0px; top:0px; min-height:100%; width:100%; }
#main .main { border: 0px; font-size:9pt; font-weight: normal; color: #1D393E; background: #E3EEFC url(images/grunge.png); font-family: verdana, arial, helvetica, sans-serif; text-align:left; margin: 0px; padding: 0px; width: 100%; display: block; }
#main .header { border-collapse: collapse; background: #F6F6F6 url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; line-height: 26px; height: 30px; padding: 0px 5px 2px 5px; margin:0px 4px 0px 5px; font-size: 9pt; color: #262535; font-weight:normal; text-align:left; }
#main .lista { color: #0E0D1E; text-align:left; padding-left: 10px; }
#main a:link, #main a:active, #main a:visited { color: #FF0707; text-decoration:none; }
#main a:hover { text-decoration:none; color: #338899; }
#dropin { position:absolute; left:0px; top:0px; min-height:100%; width:100%; }
#dropin .main { border: 0px; font-size:9pt; font-weight: normal; color: #1D393E; background: #E3EEFC url(images/grunge.jpg); font-family: verdana, arial, helvetica, sans-serif; text-align:left; }
#dropin .header { border-collapse: collapse; background: #F6F6F6 url(images/navigation-bg.png); background-repeat: repeat-x; background-position: top; line-height: 26px; height: 30px; padding: 0px 5px 2px 5px; margin:0px 4px 0px 5px; font-size: 9pt; color: #262535; font-weight:normal; text-align:left; }
#dropin .lista { color: #0E0D1E; text-align:left; padding-left: 10px; }
#dropin a:link, #dropin a:active, #dropin a:visited { color: #FF0707; text-decoration:none; }
#dropin a:hover { text-decoration:none; color: #338899; }
/* --- */
td { font-size: 9pt; }
td.title { font-size: 9pt; }
td.navigation { background-color: #000; font-weight: bold; font-size: 9pt; }
form { margin-top: 0; margin-bottom: 0; }
.sublink { font-style: italic; font-size: 9pt; font-weight: normal; }
a.index { font-weight: bold; }
a.biglink { font-weight: bold; font-size: 10pt; }
.important { font-weight: bold; font-size: 10pt; }
td.red, td.red a:link, td.red a:visited { color: red; }
td.yellow, td.yellow a:link, td.yellow a:visited { color: #BEC635; }
td.green, td.green a:link. td.green a:visited { color: green; }
td.progress { padding: 0px; background-image: url(images/backprogress.gif); background-repeat: repeat-x; height: 10px; }
.error { color:black; font-weight: bold; font-size: 14pt; padding: 3px; background:url(images/chr.gif); background-repeat: repeat-x; }
.information { color:black; font-weight: bold; font-size: 14pt; padding: 3px; background:url(images/chb.gif); background-repeat: repeat-x; }
.success { color:black; font-weight: bold; font-size: 14pt; padding: 3px; background:url(images/chg.gif); background-repeat: repeat-x; }
/* ## Start Ajax Poll System ## */
td.deleted { background-color:#FF95AC; color:#000000; }
td.added { background-color:#C1FF83; color:#000000; }
td.modified { background-color:#DEDEDE; color:#000000; }
#mainContainer { width:100%; overflow:auto; margin:0; text-align:left; }
#mainContent { padding:0px; }
.clear { clear:both; }
/* The poller box */
.poller { width:100%; color:#0E0D1E; font-weight:normal; font-style: normal; overflow:hidden;}
/* Poller title above radio buttons */
.pollerTitle { margin-top:0px; margin-bottom:5px; font-weight:bold; font-size:1em; }
/* Label for each radio button */
.pollerOption { margin:0px; }
/* Label for each option above graph - i.e. results */
.result_pollerOption { margin:0px; font-size:0.8em; }
/* Title of poller - when ajax shows the results */
.result_pollerTitle { margin-top:0px; margin-bottom:5px; font-weight:bold; font-size:1em; }
/* Don't change this one, it is used to get the left and right image(the corner) positioned correctly */
.result_pollGraph img { float:left; }
/* The tag where the percentage result is shown */
.result_pollGraph div { float:left; height:12px; background-repeat:repeat-x; color:#FFF; font-size:0.9em; line-height:16px; }
/* Graph div - parent of both the corner images and the div displaying percentage votes */
.result_pollGraph { height:12px; }
/* Message when Ajax is working getting restults from the server */
.poller_waitMessage { display:none; }
.result_totalVotes{ clear:left; font-size:0.8em; margin-top:10px; font-style:italic; background:transparent; }
th { text-align:left; }
.formButton { width:75px; }
/* ## Start Ajax Chat ## */
#chat { overflow: auto; width: 100%; height: 440px; padding: 0px; }
#chatoutput ul { list-style: none; margin:0px; padding:5px 4px 6px 5px; }
div.chatoutput { color:#0E0D1E; background-image: url(images/main-m.png); padding:5px 0px 3px 10px; margin:0px; line-height: 150%; margin-bottom:2px; }
div.loader { background-image: url('images/ajaxchat/loading.gif'); background-repeat: no-repeat; background-position:center center; width:32px; height:32px; }
#chatoutput ul li { }
#chatoutput ul li span.name { display: block; background:url(images/ajaxchat/bubble.png) no-repeat left; padding-left:19px; margin-bottom:1px; font-weight: normal; color:#0E0D1E; }
#chatoutput ul li:hover span.name { background:url(images/ajaxchat/bubblehover.png) no-repeat left; }
form { padding:0px; margin:6px; }
#chatoutput { text-align: left; margin-right: 0px; }
/* swaps edit and delete images on mouse over */
img.EditSwap { background:url(images/ajaxchat/shout_edit_gray.gif) no-repeat bottom; }
img.EditSwap:hover { background:url(images/ajaxchat/shout_edit.png) no-repeat bottom; }
img.DeleteSwap { background:url(images/ajaxchat/shout_delete_gray.gif) no-repeat bottom; }
img.DeleteSwap:hover { background:url(images/ajaxchat/shout_delete.png) no-repeat bottom; }
/* end of swaping */
img.form { background:url(images/ajaxchat/frame.png) no-repeat; }
img.form:hover { background:url(images/ajaxchat/frame_hover.png) no-repeat; }
/* ## Circle Images ## */
#images { visibility:hidden; }
#loading { margin-top:50px; text-align:center; width:100%; }
#loading img { margin-top:10px; position:relative; }
#captions { font-weight:bold; position:relative; text-align:center; z-index:10000; }
#scrollbar { visibility:hidden; position:relative; border-bottom:1px solid #FFF; z-index:10001; margin-left: 60px !important; }
#slider{ position:absolute; margin-top:-7px; margin-left:-7px; z-index:10002; background-image:url(./imageflow/slider.png); background-repeat:no-repeat; width:14px; height:14px; }
#imageflow { margin-left:0px; text-align:left; width:350px; }
#changelog { width:349px; border-right:solid 1px #666; float:left; margin-top: 15px; }
#changelog div { text-align: justify; padding: 0 15px 5px 15px; }
body.listacircle { background: transparent; }
/* ### THE END ### */
.style1 { font-size: 36px;color: #FF0000;}
.style2 { font-size: 18px;color: #FF0000;}
/* root element for tabs */
.tabs {
list-style:none;
margin:0 !important;
padding:0;
height:30px;
border-bottom:1px solid #666;
}
/* single tab */
.tabs li {
float:left;
text-indent:0;
padding:0;
margin:0 !important;
list-style-image:none !important;
}
/* link inside the tab. uses a background image */
.tabs a {
background: url(images/tabs.png) no-repeat -652px 0;
font-size:11px;
display:block;
height: 30px;
line-height:30px;
width: 111px;
text-align:center;
text-decoration:none;
color:#000;
padding:0px;
margin:0px;
position:relative;
top:1px;
}
.tabs a:active {
outline:none;
}
/* when mouse enters the tab move the background image */
.tabs a:hover {
background-position: -652px -31px;
color:#fff;
}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a {
background-position: -652px -62px;
cursor:default !important;
color:#000 !important;
}
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
.tabs .w1 { background-position: -519px 0; width:134px; }
.tabs .w1:hover { background-position: -519px -31px; }
.tabs .w1.current { background-position: -519px -62px; }
/* width 2 */
.tabs .w2 { background-position: -366px -0px; width:154px; }
.tabs .w2:hover { background-position: -366px -31px; }
.tabs .w2.current { background-position: -366px -62px; }
/* width 3 */
.tabs .w3 { background-position: -193px -0px; width:174px; }
.tabs .w3:hover { background-position: -193px -31px; }
.tabs .w3.current { background-position: -193px -62px; }
/* width 4 */
.tabs .w4 { background-position: -0px -0px; width:194px; }
.tabs .w4:hover { background-position: -0px -31px; }
.tabs .w4.current { background-position: -0px -62px; }
/* initially all panes are hidden */
.panes .pane {
display:none;
#left {
margin-right: 153px;
}
#right {
margin-left: 150px;
}
#left_wrapper {
width: 50%;
margin-right: -150px;
float: left;
position: relative;
z-index: 0;
}
#middle_wrapper {
width: 300px;
margin-right: -150px;
float: left;
position: relative;
z-index: 2;
}
}