/* CSS Document */

/* Gradient maker: http://gradients.glrzad.com/ */
Body
{
	background: url(http://api.thumbr.it/whitenoise-361x370.png?background=36363dff&noise=626262&density=68&opacity=100);
	/*background: url(Images/BodyBG.gif);*/
	background-attachment: fixed;
}

#Container
{
	margin: 0 auto;
	margin-top: 5px;
	width: 1280px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	background: url(http://api.thumbr.it/whitenoise-361x370.png?background=585c5eff&noise=807d80&density=25&opacity=75);
}

#Header
{
	margin: 5px;
	width: 1270px;
	height:230px;
	text-align: right;
	background: url(Images/cruxLogo.png);
}

#GalleyBlock
{

	margin: 5px;
	width: 1270px;
	height: 200px;
	background: #222222;
}

#GalleyImgTop
{
	text-align: center;
	vertical-align: middle;
	width:206px;
	height: 25px;
	border: 1px solid #666666;

	background-image: linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #7C9AC4)
);

	text-indent: 5px;
	border-bottom: none;
}

#GalleyImg
{
	width:202px;
	height: 152px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #666666;
	padding: 2px;
}

#RaceImgTop
{
	text-align: center;
	vertical-align: middle;
	width:166px;
	height: 25px;
	border: 1px solid #222222;

	background-image: linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #7C9AC4)
);

	text-indent: 5px;
	border-bottom: none;
}

#RaceImg
{
	width:164px;
	height: 162px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #222222;
	padding: 1px;
}

#NaviCont td a
{
	display: block;
//	height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #111111;
	text-align: center;
	vertical-align: middle;
	
	background-image: linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #3B6094 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #3B6094)
);
}

#NaviCont td a:hover
{
	display: block;
//	height: 15px;
	color: #111111;
	background-image: linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #7C9AC4)
);
}

#LeftFM
{
	width: 260px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	float: left;
	background: #222222;
	border: 1px solid #666666;
	border-right: none;
	clear: both;
	padding: 5px;
}

#ContentContainer
{
	margin: 5px;
	background: #222222;
	border: 1px solid #666666;
}

#ContBoxL
{
	float: left
}

#ContBoxTop
{
	text-align: center;
	vertical-align: middle;
	width:250px;
	height: 20px;
	border: 1px solid #666666;

	background-image: linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #7C9AC4)
);

	border-bottom: none;
}

#ContBox
{
	width:240px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: left;
	padding: 5px;
	vertical-align: middle;
	border: 1px solid #666666;
	text-indent: 5px;
}

#Content
{
	margin: 5px;
	background: url(http://api.thumbr.it/whitenoise-361x370.png?background=585c5eff&noise=807d80&density=25&opacity=100);
	padding: 5px;
}

#Footer
{
	clear: both;
	text-align: center;
	background-image: linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #7C9AC4)
);
	margin: 5px;
}

a:link {
COLOR: #111111;
}
a:visited {
COLOR: #000080;
}
a:hover {
COLOR: #FFFFFF;
}
a:active {
COLOR: #FFFFFF;
}

.boxed {
	width: 250px;
	margin: 5px;
	text-align: left;
	padding: 5px;
	vertical-align: middle;
	border: 2px solid gray ;
}

.tables {
    display: inline-block; 
	vertical-align:top;
}


/* Tab Content - menucool.com */
ul.tabs
{
    padding: 14px 0 8px;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: center; /*set to left, center, or right to align the tabs as desired*/
    background: #7C9AC4;


    border:1px solid #CCC;
    border-bottom:none;
    border-radius: 2px 2px 0 0;
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right: 2px;/*distance between tabs*/
    font: normal 18px Verdana;
}
        
ul.tabs li a
{
    text-decoration: none;
    position: relative;
    padding: 8px 22px;
    color: #000;
    border-radius: 3px 3px 0 0;
    outline:none;
}
  
        
ul.tabs li a:hover
{
    text-decoration: underline;
background-image: linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #7C9AC4 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #7C9AC4)
);
 //   color: #000;
}
        
ul.tabs li.selected a
{
    position: relative;
    top: 0px;
    font-weight:bold;
//    background: #FFF;
	background-image: linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -o-linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -moz-linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -webkit-linear-gradient(right , #1B3275 21%, #3B6094 78%);
	background-image: -ms-linear-gradient(right , #1B3275 21%, #3B6094 78%);

	background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0.21, #1B3275),
	color-stop(0.78, #3B6094)
);
    border: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    color: #000;
}
          
ul.tabs li.selected a:hover, ul.tabs li.selected a:hover
{
    text-decoration: none;
}

div.tabcontents
{
    border: 1px solid #CCC; padding: 30px;
    border-top-color:#AAA;
    background-color:url(http://api.thumbr.it/whitenoise-361x370.png?background=36363dff&noise=626262&density=68&opacity=100);
    border-radius: 0 0 2px 2px;
	text-align: left; 
}