body
{
   /* background: url('pattern1.png') repeat scroll center 0 rgba(0, 0, 0, 0);*/
    font-size: 10pt;
    color:#BBBBBB; /*#606060;*/
    font-family: 'Century Gothic' , Arial, 'Times New Roman';
    padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
   background-color: #222222;/*#222222;*/
   font-weight: bold;
}

a img {
   border:none;
}

#slider {
    width: 375px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider2 {
    width: 375px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 0px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;

}
.sliderImage {
    float: left;
    position: relative;
	display: none;
    
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 0px 0px;
    width: 375px;
    background-color: #ffffff;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}

.NewsLink
{
    text-transform: capitalize;
    font-size: 10pt;
    font-weight: bold;
    color: #ff00ff;
    text-decoration: none;
    font-family: 'Arial Narrow' , Arial;
}











.MenuLinkStyle
{
    font-size: 10pt; 
    color: #000066; 
    text-decoration: none
	
}



.HeaderLinkStyle
{
    font-weight: bold;
    font-size: 10pt; 
    color: #ffffff; 
    text-decoration: none
}

a.HeaderLinkStyle:link
{
    font-weight: bold;
    font-size: 10pt; 
    color: #ffffff; 
    text-decoration: none
}

a.HeaderLinkStyle:hover
{
    font-weight: bold;
    font-size: 10pt;
    color: #ccffcc;
    text-decoration: none;
}

.HeaderStyle
{
    background-color:#121212;/*#5E6C7A; /*#000*/
    font-weight: bold;
    font-size: 10pt;
    font-family:Arial;
    color: white;
    text-transform: uppercase;
    text-align: center;
    border-style:solid;
    border-width:2px;
    border-color:darkgray;
}

.HeaderStyleSortable
{
    background-color:#121212;/*#5E6C7A;*/ /*#000*/
    font-weight: bold;
    font-size: 10pt;
    font-family:Arial;
    color: white;
    text-transform: uppercase;
    text-align: center;
    border-style:solid;
    border-width:2px;
    border-color:darkgray;

}

.HeaderStyleSortable a
{
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	font-family: Arial;
	font-variant: normal;
	font-size: 12px;
	text-decoration: none;	

	
}

.SubMenuTitle
{
    font-size: 11pt;
    font-weight: bolder;
    color: #ffffcc;
    font-family: Arial;
    font-style: italic;
}

.SubMenuItem
{
    font-size: 10pt;
    font-weight: bold;
    color:White;
    font-family: Arial;
    text-decoration: none;
    list-style-position: outside;
    list-style-type: circle;
    line-height: 13pt;
    margin-left: 25px;
}
a.SubMenuItem:link
{
    font-size: 10pt;
    font-weight: bold;
    color: White;
    font-family: Arial;
    text-decoration: none;
    list-style-position: outside;
    list-style-type: circle;
    line-height: 13pt;
    margin-left: 25px;
}
a.SubMenuItem:hover
{
    font-size: 10pt;
    font-weight: bold;
    color: yellow;
    font-family: Arial;
    list-style-position: outside;
    list-style-type: circle;
    line-height: 13pt;
    margin-left: 25px;
}

.LeftNav
{
    font-weight: bold;
    font-size: 14pt;
    color: white;
    text-decoration: none;
    text-align: center;
}
.Links
{
    font-weight: bold;
    font-size: 11pt;
    text-transform: uppercase;
    color: gray;
    text-decoration: none;
}
.Heading
{
    font-weight: bold;
    font-size: 14pt;
    color: #314d73;
    text-decoration: none;
}

.SubHeading
{
    font-weight:normal;
    font-size: 12pt;
    color: #314d73;
    text-decoration: none;
}
.ReportTitle
{
    font-weight:bold;
    font-size: 11pt;
    color: #314d73;
    text-decoration: none;
}

.CalendarStyleDay
{
    text-decoration: none;
    color: blue;
    font-weight: normal;
}

.ErrorText
{
    font-weight: bold;
    font-size: 14pt;
    color: #ff3300;
    text-decoration: none;
}

.GridViewStyle
{
    font-size: 9pt;
    color: black;
    font-family: Arial, 'Times New Roman';
}






.LinkList
{
	
	margin-left:10px;
	font-size:8pt;
		
}

.ContestDesc

{

	margin-left:10px;
	font-size:11pt;
 
}

.ContestLink

{

	margin-left:10px;
	font-size:9pt;

 
}
.trackerDatagridHeader
{
    text-align: center;
    border-bottom: solid 3px black;
    vertical-align: bottom;
    font-size: 8pt;
    font-weight: bold;
}

.trackerDatagridItem
{
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    vertical-align: middle;
    font-size:8pt;
}
.HeaderNew {
font-weight:bolder; 
font-family:    font-family: 'Century Gothic' , Arial, 'Times New Roman'; 
color:#FDFFFB;/*#4F81BD;*/
font-size:25px;
} 
A
{
    text-transform: capitalize;
    color: #0000ff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

     .invisibletextbox input {
            color:black !important;
        background-color:transparent !important;
        border:none !important;
        font-weight:bold !important;
        border-radius: 0px !important;
	    box-shadow: 0 0 0px #DDD inset;
	    outline: none !important;
        }


     .TextBoxStyle {
    border:solid;
    border-style:solid;
    border-color:gray;
    border-width:1px;
}

         /*GREEN BUTTON*/
    
    .greenButton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
        -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
        box-shadow:inset 0px 1px 0px 0px #9acc85;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
        background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
        background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
        
        background-color:#74ad5a;
        
        border:1px solid #3b6e22;
        
        display:inline-block;
        color:#ffffff;
        font-family:Arial;
        font-size:15px;
        font-weight:bold;
        padding:3px 6px;
        text-decoration:none;
        
    }
    .greenButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
        background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
        
        background-color:#68a54b;
    }
    .greenButton:active {
        position:relative;
        top:1px;
    } /*END GREEN BUTTON*/

.MainHeader
{
font-weight:bold;
color:#2C4681;
letter-spacing:1pt;
font-size:28px;text-align:left;
font-family:Calibri, helvetica, sans-serif;
}

/* TRANSPARENT BUTTON*/
/***** Normal Button Style *****/
.tbutton {
	border: 1px solid rgba(0,0,0,0.2);
	box-sizing: content-box !important;
	color: #f5f5f5;
	cursor: pointer;
	display: inline-block;
	padding: 6px 10px;
	text-align: center;
	text-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.4);
	text-decoration: none;
	font-size: 12px;
	font-family: 'Calibri';
	white-space: normal;
	outline: none; 

	/* Transition */
	-moz-transition: all 200ms ease 0ms !important;
	-o-transition: all 200ms ease 0ms !important;
	-webkit-transition: all 200ms ease 0ms !important;

	/* Background Color */
	background: none repeat scroll 0 0 rgba(255,255,255,0.04);

	/* Border Rounding */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	/* Background Clipping */
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	
	/* Shadow */
	box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
	-moz-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
	-webkit-box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10x 10px rgba(255,255,255,0.08) inset;
	box-shadow: 0 0 3px rgba(255,255,255,0.25) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
}

input[type='submit'].tbutton, input[type='button'].tbutton, tbutton.tbutton {
	/* Padding Fix */
	padding: 5px 10px;
}

/***** Hovered Button *****/
.tbutton:hover {
	color: #fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.4);
	
	/* Shadow */
	box-shadow: 0 0 5px rgba(255,255,255,0.45) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
	-moz-box-shadow: 0 0 5px rgba(255,255,255,0.45) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.45) inset, 0 0 1px rgba(255,255,255,0.2), 0 10px 10px rgba(255,255,255,0.08) inset;
 }


/***** Clicked Button *****/
.tbutton:active {
	color: #eee;

	/* Shadow */
	box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 0 0 1px rgba(255,255,255,0.2), 0 0 4px rgba(0,0,0,0.4) inset, 0 10px 10px rgba(255,255,255,0.08) inset;
	-moz-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 0 0 1px rgba(255,255,255,0.2), 0 0 4px rgba(0,0,0,0.4) inset, 0 10px 10px rgba(255,255,255,0.08) inset;
	-webkit-box-shadow: 0 0 5px rgba(255,255,255,0.1) inset, 0 0 1px rgba(255,255,255,0.2), 0 0 4px rgba(0,0,0,0.4) inset, 0 10px 10px rgba(255,255,255,0.08) inset;
 }

/*Colored Buttons*/
.buttonColor {
    min-height: 1.5em;
    display: inline-block;
    padding: 6px 10px;
    /*margin: 40px 5px 5px 0px;*/
    cursor: pointer;
    opacity: 0.9;
    
    color: ##E0E0E0;
    font-size: 1em;
    letter-spacing: 1px;
    text-shadow: rgba(0,0,0,0.9) 0px 1px 2px;
    
    background: #E0E0E0;
    border: 1px solid #242424;
   
    -webkit-border-radius: 4px;
     -khtml-border-radius: 4px;
       -moz-border-radius: 4px;
         -o-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
    -webkit-transition: all 0.1s linear;
     -khtml-transition: all 0.1s linear;
       -moz-transition: all 0.1s linear;
         -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
}
.buttonColor:hover {
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(0,0,0,0.5) 0px 2px 5px, inset rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(0,0,0,0.25) 0px 0px 0px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.buttonColor:active {
    -webkit-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
     -khtml-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px,inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
       -moz-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
         -o-box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
            box-shadow: rgba(255,255,255,0.25) 0px 1px 0px, inset rgba(255,255,255,0) 0px 1px 0px, inset rgba(0,0,0,0.5) 0px 0px 5px, inset rgba(255,255,255,0.03) 0px 20px 0px, inset rgba(0,0,0,0.15) 0px -20px 20px, inset rgba(255,255,255,0.05) 0px 20px 20px;
}
.shine {
    display: block;
    position: relative;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
    background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    padding: 0px 12px;
    top: -12px;
    left: -24px;
    height: 1px;
    -webkit-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
     -khtml-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
       -moz-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
         -o-box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
            box-shadow: rgba(255,255,255,0.2) 0px 1px 5px;
    -webkit-transition: all 0.3s ease-in-out;
     -khtml-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.buttonColor:hover .shine {left: 24px;}
.buttonColor:active .shine {opacity: 0;}

.buttonColor.gray2 {background: #333333;}
.buttonColor.gray3 {background: #000000;}
.buttonColor.gray {background: #C8C8C8;}
.buttonColor.blue {background: #3a617e;}
.buttonColor.green {background: #477343;} 
.buttonColor.green2 {background: #70AA55;}
.buttonColor.red {background: #723131;}
.buttonColor.purple {background: #4b3f5e;}
.buttonColor.orange {background: #624529;}
/*End Colored Buttons*/

.border {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}


.border2 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.triangle {
background-image:url('triangular.png');
background-repeat:repeat;
}

.inner {
    display: table;
    margin: 0 auto;
}

.gradientGray {
/* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */

/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top left, #424242 0%, #333333 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top left, #424242 0%, #333333 100%);

/* Opera */ 
background-image: -o-linear-gradient(top left, #424242 0%, #333333 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #424242), color-stop(1, #333333));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top left, #424242 0%, #333333 100%);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to bottom right, #424242 0%, #333333 100%);

/* END BUTTON COLORS*/
}