@charset "utf-8";

/* Body / Background */
body {
	background-color: #000000;
  	/*background-image: url(/images/bg_overlay.png);
	background-position: top center;
	background-repeat: no-repeat;
  	background-attachment: fixed;*/
  	color: #44525e;
  	font-family: 'Roboto Condensed', 'Segoe UI',Tahoma,Arial,Helvetica,sans-serif;
	font-size: 1em;
	line-height: 1.4em;
	vertical-align: top;
	height:100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/* Font */
h1, h2, h3, h4
{
  -webkit-transform: rotate(-0.0000000001deg); /* A little antialias hack for chrome */
}

/* Primary COLOR */
.newsbox .feedList h4 a,
#sitedescription h1,
a
{
  color: #ec008c;
}
/* Primary BACKGROUND */
.primary-bgcolor,
a.ui-btn-big,
.newsbox .feedList h4 a:hover,
#slider #imageSliderNav a.activeSlide 
{
  background-color: #5eb876;
  color: #FFF;
}

.imageSlide
{
  background-color: transparent;
}
		

.button {
  background: #fafafa;
  background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background: -moz-linear-gradient(top, #ffffff, #eeeeee);
  background: -o-linear-gradient(top, #ffffff, #eeeeee);
  background: linear-gradient(to bottom, #ffffff, #eeeeee);
  border: 1px solid #bbbbbb;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
  color: #555555;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", Arial, Verdana, "Nimbus Sans L", sans-serif;
  font-size: 13px;
  font-weight: 500;
  height: 31px;
  line-height: 28px;
  outline: none;
  padding: 0 13px;
  text-shadow: 0 1px 0 white;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.button-blue {
  background: #1385e5;
  background: -webkit-linear-gradient(top, #53b2fc, #1385e5);
  background: -moz-linear-gradient(top, #53b2fc, #1385e5);
  background: -o-linear-gradient(top, #53b2fc, #1385e5);
  background: linear-gradient(to bottom, #53b2fc, #1385e5);
  border-color: #075fa9;
  color: white;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}


/* =2 Links

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



a           { color: #95541F; text-decoration:none;}
a:hover     { text-decoration:underline; }
a:visited   { //color:#7912b5; }

.common-btn { border:1px solid #6a97bf; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; padding:2px 10px; font-size:.846em; color:#fff !important; background:#578ec0 url(../images/ui/sprite-common-btn.png?cdn_id=i33) repeat-x 0 0; text-shadow:-1px -1px 1px #444; width:auto !important; margin-bottom:10px; text-transform:uppercase; font-weight:800; position:relative; }
.common-btn:hover { background:#5990c1 url(../images/ui/sprite-common-btn.png?cdn_id=i33) repeat-x 0 -70px; text-decoration:none; }
.common-btn:active { background:#74a2cb url(../images/ui/sprite-common-btn.png?cdn_id=i33) repeat-x 0 -140px; }

p.article-proceed {padding-top:70px; text-align:center;}
p.article-proceed .common-btn {cursor:pointer; font-size:1.154em; font-weight:bold; padding:6px 40px; text-shadow:-1px -1px 1px #6988AE; text-transform:none;}


input::-moz-focus-inner {border:0;}

.link-more { font-size:.846em; font-weight:bold; }

.busy { background:url(../images/ui/ajax-loader-LARGE.gif?cdn_id=i33) no-repeat top; min-height:32px; }



/* =3 Submenu */

#submenu 
{
	padding: 2px;
	background: #000000;
	color: #ffffff;
	font-size:1.6vh;
}

#submenu a
{
	color: #fff;			
}


/* =4 Header

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

.header 
{ 
	min-height:110px; 
	position:relative; 
	z-index:2; 
	//margin:20px 40px; 
	float:left; 
	width: 70%;
}

.logo 
{ 
	background: url("../images/ui/sprite-ui.png?cdn_id=i33") no-repeat scroll 0 0 transparent; 
	height: 44px; 
	left: 10px; 
	position: absolute; 
	text-indent: -999em; 
	top: 39px; 
	width: 153px; 
}

.header-wrap 
{ 
	background:#D4FFAA  no-repeat scroll center -12px; 
	min-height: 110px;
	height: 10%;
	//overflow: auto;
    border-bottom: 5px solid #95541F;	
}

#logo
{
	float: left;
	width: 20%;
	height: 100%;'
}

#header
{
	float: left;
	width: 70%;
}

/*SEARCH BOX*/

.search-header { position:absolute; left:203px; top:20px; border:1px solid #e1e2e2; width:380px; height:28px; background:#fff url(../images/ui/sprite-ui.png?cdn_id=i33) no-repeat 355px -57px;   }
.search-header:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }
.search-input { color:#707070; font-size:12px; font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif; margin-top:5px; border:1px solid #fff; display:block; float:left; width: 250px;  padding:0 5px; }
.search-submit { width:22px; height:22px; background:none; border:0; cursor:pointer; position:absolute; top:3px; right:3px; }

/*NAV USER*/

.nav-user { font-size:.923em; color:#bedbff; position:absolute; top:20px; right:0; }
.nav-user a:visited { color:#267CB2; }
.nav-user.logged-in { height: 45px; }
.nav-user.logged-in ul { margin:0; list-style:none; width:200px; float:left; }
.nav-user.logged-in li { margin:0; line-height:1.2em; position:relative; }
.nav-user.logged-in p  { margin-bottom: 0px; }
.nav-user.logged-in .avatar { float:left; display:block; margin:0 10px 0 0; }
.nav-user.logged-in .username { color:#4db0ea; display:inline-block; padding:0 11px 2px 0; background:url(../images/ui/sprite-ui.png?cdn_id=i33) no-repeat right -54px; }
.nav-user.logged-out a { color:#bedbff; }

/*dropdown*/

.common-dropdown { float:none; border:1px solid #c9c9c9; padding:8px 10px; width:auto; background:#fff; position:absolute; width:140px; top:19px; z-index:2; margin:0; list-style:none; line-height:1.2em; font-size:.923em; }
.common-dropdown li { margin-bottom:2px !important; color:#535d65; }
.common-dropdown.collapse { display:none; }
.common-dropdown .drop-head { font-size:1.083em; padding-bottom:2px; }
.nav-user .common-dropdown { font-size:1em; top:15px; left:0; }

.nav-user.logged-out { padding:12px 18px; line-height:1.3em; top:10px; }
.nav-user.logged-out p { margin:0; }
.nav-user.logged-out .separator { padding:0 8px; }



/*Unread Messages*/
.unread-messages { width:28px; height:28px; color:#fff; line-height:28px; text-align:center; font-size:17px; background:#f43156; position:absolute; top:0; left:0; cursor:pointer; }
.list-messages { width:188px; padding:0 10px; position:absolute; right:58px; top:50px; background:#f2f5f8; list-style:none; margin:0; display:none; }
.list-messages li { border-bottom:1px dotted #b8b9bb; padding:7px 0 7px 40px; position:relative; margin:0; font-size:10px; }
.list-messages li.view-all { border-bottom:0; text-align:right; }
.list-messages .avatar { position:absolute; top:10px; left:0; }

.nav-user.logged-in .avatar { position:absolute; top:0; left:0; margin-right:0; z-index:1; }
.nav-user.logged-in ul { padding-left:38px; }
.nav-user.logged-in .common-dropdown { padding-left:10px; }



/*******************************************************************/

/*******************************************************************/




/* =5 Navigation

–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/



/*MAIN NAV*/

.nav-main { font-size:2vh; margin-bottom: 20px; font-weight:200; list-style:none; margin:0; width:100%; position: absolute; bottom: 20px;}

.nav-main li { margin:0; float:left; margin-right:10px; position: relative; }

.nav-main li.last-child { margin:0; }

.nav-main a { color:#231E1E; display:block; line-height:1; padding:7px 7px;}

.nav-main a.c-btn.isSelected
{
	border-top-color: #95541F; 
	border-top-width: 3px; 
	border-top-style: double;
}

/*
.nav-main a.c-btn:before
{
	-webkit-transition:all .2s ease-in-out 0s;
	-moz-transition:all .2s ease-in-out 0s;
	transition:all .2s ease-in-out 0s;
	content:'';
	display:block;
	position:absolute;
	top:-300px;
	left:50%;
	margin-left:-12px;
	border:solid #95541F;
	width:0;
	height:0;
	border-style:solid;
	border-bottom-width:12px;
	border-right:12px solid transparent;
	border-top: none;
	border-left: 12px solid transparent
}

.nav-main a.c-btn.isSelected:before{top: 2em;}
*/

.nav-main li:hover a { color:#4DB0EA; text-decoration:none; }

.nav-main a.selected  { color:#4db0ea; background:url(../images/sprite-ui.png) repeat-x 0 -135px; text-decoration:none; box-shadow:1px 1px 0 #5c5c89; }



/*solutions main nav dropdown*/

.nav-main .nav-main-solutions { position:relative; margin-right:5px; }

.nav-main-solutions a { padding-right:17px; }

.nav-main-solutions:hover .dropdown-solutions { display:block; }

.dropdown-solutions { background:#fff; border:1px solid #c9c9c9; width:504px; padding:15px 30px 0 30px; position:absolute; left:-383px; display:none; }

.dropdown-solutions:after { clear: both;content: '.';display: block;visibility: hidden;height: 0; }

.dropdown-solutions .col { float:left; width:147px; margin-left:31px; }

.dropdown-solutions .col:first-child { margin-left:0; }

.dropdown-solutions h2 { font-size:.846em; border-bottom:1px dotted #999; padding:0 0 7px 0; margin:0 0 5px 0; line-height:1; color:#000; font-weight:normal; }

.dropdown-solutions ul { margin:0; padding:0 0 10px 0; font-size:.923em; }

.dropdown-solutions li { list-style:none; margin-bottom:5px; float:none; }

.dropdown-solutions a, .nav-main li:hover .dropdown-solutions a { color:#267CB2; display:inline; padding:0; }

.dropdown-solutions li a:hover, .dropdown-solutions p a:hover { text-decoration:underline; }

.dropdown-solutions p { clear:both; background:#f1f4f6; margin:0 -30px 0 -30px; font-size:.923em; padding:15px 30px; zoom:1; }

.dropdown-solutions p a, .nav-main li:hover .dropdown-solutions p a { padding:0 5px; }

.dropdown-solutions span { text-transform:uppercase; }



.nav-main .icon-dropdown { display:block; width:5px; height:5px; background:url(../images/ui/sprite-ui.png?cdn_id=i33) no-repeat -205px -80px; position:absolute; right:7px; top:13px; }

.nav-main li:hover .icon-dropdown, .nav-main a.selected .icon-dropdown { background-position:-205px -60px; }





/* samirpatel - todo - possible to move to Home section */

.home .nav-main a.selected { color:#fff; }







/* samirpatel - todo - possible move to Common tabs section */

/*COMMON TABS*/

.common-tabs { list-style:none; font-size:1.385em; padding:15px 0 0 0; background: url(../images/ui/bg-tabs.png?cdn_id=i33) no-repeat center bottom; width:1348px; margin:-20px 0 12px -203px; text-align:center; min-height:52px;}

.common-tabs li { margin:0; display:inline-block; vertical-align:bottom; }

.common-tabs a { color:#344d6a; text-decoration:none; background:#d8e1ec url(../images/ui/sprite-ui.png?cdn_id=i33) repeat-x 0 -363px; border:1px solid #D8E1EC; border-bottom:0; display:block; padding:16px 18px 0; margin:0; position:relative; top:0; text-align:center; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; min-height:36px; }

.common-tabs a:hover, .common-tabs a.selected { background:#fff; color:#344d6a; border:1px solid #CFD0D3; border-bottom:0; -moz-box-shadow:0 6px 0 #fff, 0 0 4px #bbb; -webkit-box-shadow:0 6px 0 #fff, 0 0 4px #bbb; box-shadow:0 6px 0 #fff, 0 0 4px #bbb; }

.common-tabs span { color:#636363; text-decoration:none; background:#f0f0f0; border:1px solid #d9d9d9; display:block; padding:10px 0; margin:0; position:relative; top:1px; text-align:center; cursor:pointer}

.common-tabs span.count { background: none; border: 0px; padding: 0px; color: #666; cursor: normal; top: auto; display: inline;}






/* Secondary COLOR */
/* Secondary BACKGROUND */
#header #mainmenu ul,
#header #mainmenu ul li
{
  background-color: #22212C;
}





a.ui-btn-big {
  background-image: url(/images/ui-btn-big-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
  border-radius: 5px;
  border-bottom: solid 1px rgba(0, 0, 0, 0.496094);
  color: white !important;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  line-height: 14px;
  padding: 12px 50px 12px 19px;
  text-decoration: none;
}

a.ui-btn-big:hover {
	  background-image: url(/images/ui-btn-big-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
background-position: 0 -50px;
background-color: #55a56b;
text-decoration: none;
}


a {
  outline: none;
}

#page {
  	//min-width:950px;
	min-height:100%;
	/*overflow:hidden;*/
	position:relative;
	height:100%;
	width: 100%;
}

/* Header */

#header {
  margin-bottom: 20px; 
  
}
  #header a,#header a img{
    border: none;
  }
  #header #sitedescription{
    float: right;
    text-align: right;
    margin: 7px;
  }
    #header #sitedescription h1 {
      font-weight: normal;
      position: relative;
      font-size: 16px;
      line-height: 0.5em;
    }  
  #header #mainmenu{
    margin: 0px;
    padding: 0px;
  }

  
    #header #mainmenu ul{
      width: 975px;
      float: left;
      margin-bottom: 15px; 
      margin-top: 20px; 
      padding: 0px;
      margin-left: -25px;
    }
      #header #mainmenu ul li{
        list-style: none;
        background-image: url(/images/icons/mainmenu_itembg.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        float: left;
        font-size: 14px;
      }
        #header #mainmenu ul li a{
          padding: 15px 20px;
          display: block;
          color: #fff;
          text-decoration: none;
          background: url(/images/mainmenu_item_bottomshadow.jpg) bottom left no-repeat;
          margin-bottom: -13px;
          padding-bottom: 28px;
        }

           #header #mainmenu ul li.current{
               background-color: #a9a4a3;
          }

          #header #mainmenu ul li.home a{
         
            background-image: url(/images/icons/home_dark.png);
            background-position: 16px 16px;
            background-repeat: no-repeat;
            padding-left: 35px;  
          }
          
          
          
        #header #mainmenu ul li:hover{
          color: #FFF;
          text-decoration: none;
          background-color: #a9a4a3;
        }

.article
	{
		max-width: 70%;
		background-color: #FCFAF1;
		margin: auto;
  		padding: 20px;
	}

.WideArticle
	{
		background-color: #FCFAF1;
		margin: auto;
  		padding: 20px;
	}

#content {
  padding: 20px;
  /*color: #666;*/
  /*-background: url(/images/divider_left_top.png) top left no-repeat;*/
	background-color:#092411;
  	margin-top: 15px;
  	min-height: 90%;
	height:auto;
	//overflow:auto;
	
	padding: 20px 10px 34px 10px;
	margin: 0 auto;
	position: relative;
	//margin-bottom: 95px;	
}
  #leftcontent {
    float: left;
    width: 80%;
    padding: 20px;
	//background-color:#FCFAF1;
    /*background: url(/images/divider_left_top.jpg) top left no-repeat;*/
    margin-bottom: 20px;
  }

#leftcontent h1
{
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 2.154em;
	color: #44525e;
	margin: 0 0 30px 0;
	font-weight: normal;
	line-height: 1;
	position: relative;
	z-index: 1;
    text-align: center;
}
    /*#leftcontent h2{
      font-weight: normal;
      font-size: 28px;
    }
    #leftcontent h3{
      font-weight: normal;
      font-size: 22px;
    }
    #leftcontent h4{
      font-weight: normal;
      font-size: 16px;
    }*/
  
  
  
  
/* Special left column content */  
  
  #leftcontent .feedList {
    margin: 0px;
    padding: 0px;
  }
    #leftcontent .feedList LI{
      margin: 0px;
      padding: 0px;
      list-style: none;
    }

    #leftcontent .feedList h4{
      margin: 0px;
      padding: 0px;
      font-weight: normal;
    }
      #leftcontent .feedList h4 a{
        text-decoration: none;
      }
      #leftcontent .feedList h4 a:hover{
        text-decoration: underline;
      }
    #leftcontent .feedList p{
      font-size: 14px;
      display: inline;
      margin: 0px;
      padding: 0px;
    }
    #leftcontent .feedList small{
      display: block;
      font-size: 11px;
      margin: 0px;
      padding: 0px;
      margin-bottom: 20px;
      color: #999;
    }
  #rightcontent {
    float: right;
    width: 15%;
    min-height: 200px;
	//min-width: 120px;
    padding: 20px 0px 0px 0px;
  }
    #rightcontent .hotspot {
      margin-bottom: 20px;
      padding: 20px;
      overflow: auto;
      background: url(/images/divider_right_top.jpg) top left no-repeat;
      font-size: 12px;
    }
      #rightcontent .hotspot a {
        float: right;
      }
    
    #rightcontent h4 {
      margin-top: 0px;
      font-size: 20px;
      font-weight: normal;
      margin-bottom: 10px;
    }
    #rightcontent img {
      float: left;
      margin-right: 15px;
      margin-bottom: 0px;
      margin-top: 8px;
    }
    
    
#footer {
  clear: both;

  font-size: 12px;
  color: #3a3c40;
  background-color: #050a0f;
  padding: 20px;
  overflow: auto;
}
  #footer a{
    font-size: 12px;
    color: #555;
    text-decoration: none;
  }
    #footer a:hover{
      color: #FFF;
    }
    #footer h4{
      font-size: 16px;
      color: #494e53;
      margin-top: 0px;
    }
  #footer #footermenu{
    width: 160px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 150px;
  }
    #footer #footermenu h4{
      font-size: 16px;
      color: #494e53;
      margin-top: 0px;
    }
    #footer #footermenu ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
      #footer #footermenu ul li{
        list-style: none;
        padding: 0px;
        margin-bottom: 3px;
      }
  #footer #footershare{
    width: 160px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 150px;
  }
    #footer #footershare ul{
      list-style: none;
      padding: 0px;
      margin: 0px;
    }
      #footer #footershare ul li{
        list-style: none;
        padding: 0px;
        margin-bottom: 3px;
      }
    #footer #footershare a{
      
    }
      #footer #footershare a img{
        vertical-align: middle;
        filter:alpha(opacity=25);
        -moz-opacity:0.25;
        -khtml-opacity: 0.25;
        opacity: 0.25;
        margin-right: 10px;
        border: none;
      }
        #footer #footershare a:hover img{
          vertical-align: middle;
          filter:alpha(opacity=100);
          -moz-opacity:1;
          -khtml-opacity: 1;
          opacity: 1;
        }
  #footer #footercontact{
    width: 235px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 150px;
  }
  #footer #footerabout{
    width: 265px;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    height: 150px;
  }
  #footer #footer-end{
    width: 100%;
    clear: both;
    border-top: 1px #0d1115 solid;
    padding-top: 15px;
  }

/*  COLOR!  */
.whitebox {
  background-color: #dee4e4;  
  height: 150px;
}

.double_column_list li {float: left; width: 50%;}


#CDselector, #TrainerSelector
{
    color: #000000;
	float: left;
	max-width: 25%;
    background-color: #FFF1DC;
    border-radius: 1%;
	padding: 10px;
	min-width: 175px;
}

#CDselector u
{
	//margin-left: 20px;	
}

#graphsandtables, #TrainerSwitchStats
{
	visibility: hidden;
	width: 65%;
	background-color: white;
	padding: 5px;
	border-radius: 0.3%;
    margin-left: 2em;
	float: left;
}

#drawarea
{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#drawchart
{
	width: 45%;
	float: left;

}

#drawtable
{
	width: 45%;
	float: right;
}

#pacearea
{
	float: left;
	width: 100%;
	margin-top: 10px;
}

#pacechart
{
	width: 45%;
	float: left;
}

#pacetable
{
	width: 45%;
	float: right;
}


#btnGetDrawPaceStats
{
	width: 100%;
}


#tTrainerSwitchStats_wrapper
{
	width: 100%;
}

#tTrainerSwitchStats
{
	width: 90%;	
}

#tTrainerSwitchStatsIndividual_wrapper
{
	width: 100%;
}

#tTrainerSwitchStatsIndividual
{
	width: 90%;	
}

@media screen and (max-width: 1224px) 
{
    #drawchart, #drawtable, #pacechart, #pacetable
	{ 
	    float: none;
    	margin-right:0;
	    width:auto;
    	border:0;
  	}
	
	#drawtable, #pacetable
	{
		margin-top: 10px;
		border-bottom:2px solid #000;    		
	}

    #tTrainerSwitchStats
	{ 
	    float: none;
    	margin-right:0;
	    width:auto;
    	border:0;
  	}
}

@media screen and (min-width: 1225px) 
{
	#pacearea
	{
		border-bottom: 1px dotted;
	}
}

#datepicker
{
	float:left;
	width: 20%;
	margin-right: 3%;
	min-width: 300px;
}

#pandl
{
	float:left;
	width:50%;
	margin-top: 1%;
}




































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */