/*
Original design: Variant Stream (v1.0 - Dec 08, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-stream/
*/

/* Main containers */
body {padding:0; margin:0; font:92% Georgia,Times New Roman,serif; background:#eee url(images/background.jpg) top left repeat-x; color:#222; text-align:center; line-height:1.5em;}
#wrap {width:980px; text-align:left; margin:0 auto;}
#wrapmobile {width:750px; text-align:left; margin:0 auto;}

/* Header */
#header {height:200px; margin:0 0 20px 0;}
#headermobile {height:100px; margin:0 0 20px 0;}
#headermobile h1 {margin:0 auto 5px auto; padding:0; font-size:2.3em; font-weight:400;color:#eee; letter-spacing:-1px; line-height:1.2em;}
#title {padding:10px 0 10px 240px; background:transparent url(images/logoYBC.png) top left no-repeat;}
h1 {margin:0 auto 5px auto; padding:0; font-size:3.6em; font-weight:400;color:#eee; letter-spacing:-1px; line-height:1.2em;}
h1 a {color:#eee; font-weight:400; text-decoration:none;}
h1 a:hover {color:#fff; text-decoration:none;}
.slogan {color:#eee; font-size:1.4em; margin:0 0 15px 10px; padding:0;}

/* HTML Tags */
a {text-decoration:none; font-weight:400; color:#2a5a9a;}
a:hover {text-decoration:underline;}
a img {border:0;}
h2 {margin:0 0 18px 0; padding:0 0 7px; color:#2a5a9a; font-size:1.6em; font-weight:400; border-bottom:1px solid #aaa;}
h2 a {font-weight:400;}
h3 {font-size:1.6em; font-weight:400; margin:0 0 10px 0; padding:2px 0; color:#2a5a9a; font-size:1.2em; font-weight:400; border-bottom:1px solid #aaa;}
p {margin:0 0 18px 0;}
ul {margin:0 0 18px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}
table {border-collapse:collapse;font:92% Arial;padding: 25px;}
td {padding: 3px;}

.bodyfont {font: 109% Georgia,Times New Roman,serif;line-height:1.5em;}

/* Top menu */
#topmenu {text-align:left;margin:-3px 0 5px 0;}
#topmenu p {font-size:1.3em; line-height:1.9em; color:#aaa; margin-bottom:5px;}
#topmenu div {font-size:1.3em; line-height:1.9em; color:#aaa; padding:0px 8px 0px 8px;}
#topmenu div.active {color:#fff;border:1px solid #aaa;}
#topmenu dl {font-size:1.3em; line-height:1.9em; color:#aaa; padding:0px 8px 0px 8px;}
#topmenu a {padding:6px 0px 5px 0px; font-weight:400; margin:0 0 0 2px; color:#aaa;}
#topmenu a:hover {color:#fff; text-decoration:none;}
#topmenu a.active {color:#fff;}
#topmenuxx a.active:hover {color:#fff; padding:6px 8px 5px 8px;}

/* Top menu */
#topmenu1 {text-align:left;margin:0px 0px 0px 0px; float:right;color:#aaa;}
#topmenu1 li {padding:0px 10px 0px 10px; margin: 0px 0px 0px 0px; display:inline; line-height:1.9em}
#topmenu1 li.float {float:left;}
#topmenu1 li.active {color:#fff;border:1px solid #aaa;}
#topmenu1 ul {color:#aaa; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; display:inline;font-size:1.3em;}
#topmenu1 ul ul {position:absolute; color:#aaa; padding:0px 0px 5px 0px; margin: 0px 0px 0px 0px;display:none;list-style-type: none; }
#topmenu1 ul ul li {display:block;padding-left:0px;background-color: #2a5a9a; border-bottom:1px solid #b9d6dc;font-size:0.6em;}
#topmenu1 a {padding:6px 0px 5px 0px; font-weight:400; margin:0 0 0 2px; color:#aaa;}
#topmenu1 a:hover {color:#fff; text-decoration:none;}
#topmenu1 a.active {color:#fff;}
#topmenux a.active:hover {color:#fff; padding:6px 8px 5px 8px;}

/* Top menu */
#topmenuL {text-align:left;margin:0px 0px 0px 0px; float:left;color:#aaa;padding:0px 0px 0px 120px;}
#topmenuL li {padding:0px 10px 0px 10px; margin: 0px 0px 0px 0px; display:inline; line-height:1.9em}
#topmenuL li.float {float:left;}
#topmenuL li.active {color:#fff;border:1px solid #aaa;}
#topmenuL ul {color:#aaa; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; display:inline;font-size:1.3em;}
#topmenuL ul ul {position:absolute; color:#aaa; padding:0px 0px 5px 0px; margin: 0px 0px 0px 0px;display:none;list-style-type: none; }
#topmenuL ul ul li {display:block;padding-left:0px;background-color: #2a5a9a; border-bottom:1px solid #b9d6dc;font-size:0.6em;}
#topmenuL a {padding:6px 0px 5px 0px; font-weight:400; margin:0 0 0 2px; color:#aaa;}
#topmenuL a:hover {color:#fff; text-decoration:none;}
#topmenuL a.active {color:#fff;}



/* bottom menu */
#bottommenu {text-align:center;margin:-3px 0 5px 0;}
#bottommenu p {font-size:1.3em; line-height:1.9em; color:#aaa; margin-bottom:5px;}
#bottommenu a {padding:6px 8px 5px 8px; font-weight:400; margin:0 0 0 2px; color:#aaa;}
#bottommenu a:hover {color:#fff; text-decoration:none;}
#bottommenu a.active {color:#fff; border:1px solid #aaa;}
#bottommenu a.active:hover {color:#fff; padding:6px 8px 5px 8px;}


/* Sidebar */
#sidebar {width:200px; float:left; margin:0; padding:0; color:#444;}
#sidebar h2 {font-size:1.3em; padding-bottom:3px; border-bottom:1px solid #aaa; margin-bottom:5px;}
#sidebar ul {list-style:none; margin:0 0 15px 0;}
#sidebar li {padding:0; margin:0;}
#sidebar ul.sidemenu {width:200px; padding:0; margin:0 0 20px 0;}
#sidebar ul.sidemenu li a {color:#333; display:block; padding:5px 0; margin:0; font-size:1.3em;}
#sidebar ul.sidemenu li a:hover {color:#2a5a9a; text-decoration:none;}
#sidebar ul.sidemenu li a.active {color:#2a5a9a;}
#sidebar ul.sidemenu ul {width:180px; padding:0; margin:0 0 0 20px;}
#sidebar ul.sidemenu ul li a {padding:2px 0; margin:0; font-size:1em;}

/* Content area */
#contentmobile {text-align:left; padding:5px 0; margin:0 0 15px 15px; width:750px;}
#contentmobile img {margin:5px 0;}
#content {text-align:left; padding:5px 0; margin:0 0 15px 220px; width:750px;}
#content img {margin:5px 0;}
#feature {margin:0 0 20px 0;}
.post {margin:0 0 20px 0; padding:15px 15px 0 15px; background-color:#fff; float:right;}
.postintro {width:70px; padding:4px; background-color:#eee; text-align:center; color:#444; font-size:1.1em; float:right; border:1px solid #aaa; margin:0 15px 10px 15px;}
.postmeta {text-align:right; color:#666; padding:10px 0; border-top: 1px solid #aaa; font-size:0.9em;}
.contentx {width:720px; padding:5px 0;}

/* Content area */
#contentfull {text-align:left; padding:5px 0; margin:0 0 15px 0; width:100%;}
#contentfull img {margin:5px 0;}


/* Footer */
#footer{font-size:0.9em; clear:both; width:980px; line-height:1.4em; color:#777; font-weight:400; margin-bottom:10px;}
#footer a {color:#777; font-weight:400; text-decoration:none; border-bottom: 1px dotted #888;}

/* Various classes */
.centered {text-align:center;}
.rightalign {float:right;}
.leftalign {float:left;}
.hide {display:none;}
.clear {clear:both; visibility:hidden;}

/* Drop down menus */

.dropdown {padding:0; margin:0}
.dropdown dd {position:absolute; overflow:hidden; display:none; padding:0 ; margin:0}
.dropdown ul {list-style:none; padding:0px ; margin:0px}
.dropdown li {display:inline ; padding:0px; margin:0px;}
.dropdown a {margin:0px;display:block;background:#2a5a9a;line-height:1.0em}
.dropdown a:active, .dropdown a:visited {display:block; padding:0px; color:#333; text-decoration:none; background:#2a5a9a;padding:0; margin:0}
.dropdown a:hover {color:#fff}
.underline {padding: 0px 5px 0px 5px ;border-bottom:1px solid #b9d6dc; font-size:1em;font-size:0.8em;}

/* Horizontal menu */

.menuhorizontal li {display:inline ; list-style-type: none}

textarea {font: inherit; font-size: 100% }

.newsTitle {font-size:1.3em;}
.linkDefaultUnderline a:hover {text-decoration:none;}

.selected-row {background-color: #DCBCCF;}

.errorField {background-color: #DCBCCF;}

.hyperlink {cursor: pointer;}

.leagueSelectTableRowHover {background-color: dimgrey !important;}

.leagueSelectTableRow {background-color: black;}

.leagueSelectedTableRow {background-color: #05B2D2 !important;}

.leagueSelectedTableRowHover {background-color: red;}

@media print {
    .noprint { display:none; }
}

.tdcenterAlign {text-align:center;}

.tdrightAlign {text-align:right;}

.tdleftAlign {text-align:left;}

.totalRow {background-color: #d5ffd5; border-width: 2px 0px 0px 0px ; border-style:solid; border-color: #808080;}

.simHyperlink:hover {cursor: pointer;text-decoration:underline;}

.rowImage {margin: 0 5px !important;}

.row {margin:20px auto 0; overflow:hidden;}

.col {float:left; margin:0 10px; overflow:hidden; display:inline-block;}
.col img {max-width:100%;}

.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}

.pointer {
    cursor: pointer;
}

.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}

.custom-combobox {
    position: relative; 
    display: inline-block;
  }
.custom-combobox-toggle {
    position: absolute !important;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }