﻿body 
{
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;
}

A:link {text-decoration: underline; color: navy;}
A:visited {text-decoration: underline; color: #650276;}
A:hover {text-decoration: underline; color: #01ADEF;}

/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}

.hideGridCol
{
    display:none;
}
.showGridCol
{
    display:inline;
}
.redBkgd
{
    background-color:Red;
    color:White;
}
.orangeBkgd
{
    background-color:Orange;
    color:Black;
}
.greenBkgd
{
    background-color:Green;
    color:White;
}
.yellowBkgd
{
    background-color:Yellow;
    color:Black;
}
.aquaBkgd
{
    background-color:aqua;
    color:Black;
}
.silverText
{
    color:#C0C0C0;
}
.winnerText
{
    font-weight: bold;
    font-style: italic;
}

#Logo
{
    text-align:center; 
    vertical-align:middle;
    width:100%; 
    height:40px;
    background-color:#01ADEF; 
    color:White; 
    font-size:35px; 
    font-weight:bold; 
    padding: 3px 0 3px 0;
    /*margin-top:3px;*/
    margin-right:5px;
    overflow:hidden;
}

/* navigation menu
----------------------------------------------------------*/
#nav {
    margin: 0 auto;
    width: 100%;
    -webkit-box-shadow: 0px 2px 8px #c1c0c0;
    -ms-box-shadow: 0px 2px 8px #c1c0c0;
    box-shadow: 0px 2px 8px #c1c0c0;
	list-style: none;
	position: relative;
	display: inline-table;
    font-size:14px; 
    font-weight:bold;
}

#nav-left {
    float: left;
    width: 92%;
}

/* Used to avoid submenu from displaying on page load*/
#nav-left div ul ul {
    display: none;
}
	#nav-left div ul li:hover > ul {
		display: block;
	}

#nav-left div ul:after {
		content: ""; 
        clear: both; 
        display: block;
	}

#nav-left div ul li {
    float: left;
}
	#nav-left div ul li:hover {
		background: #01acf2;
	}
		#nav-left div ul li:hover a {
			color: #fff;
		}
	
    /* Padding needs to match the HorizontalPadding in Toolbox.master */
	#nav-left div ul li a {
		display: block; 
        padding: 10px 25px;
		color: #757575; 
        text-decoration: none;
	}

#nav-left div ul ul {
    z-index: 2;
	background: #5f6975;
	position:absolute;
}
	#nav-left div ul ul li {
		float: none;
		border-bottom: 1px solid #6b727c;
		position: relative;
	}
		#nav-left div ul ul li a {
			padding: 10px 20px;
			color: #fff;
		}	
			#nav-left div ul ul li a:hover {
				background: #01acf2;
			}

#nav-left div ul ul ul {
	position: absolute; 
    left: 100%; 
    top:0;
}

#nav-right {
    position: relative;
    float: right;
    text-align: center;
    margin: auto 0;
    width: 8%;
    padding-top: 3px;
}

/* end navigation menu
----------------------------------------------------------*/

#pageName
{
    text-align:center; 
    width:100%; 
    color:#01ADEF; 
    font-size:25px; 
    font-weight:bold; 
    padding: 3px 0 3px 0;
    margin-top:5px;
}
.pageName
{
    display:inline-block;
    text-align:center; 
    width:100%; 
    background-color:White; 
    color:#01ADEF; 
    font-size:25px; 
    font-weight:bold; 
    padding: 3px 0 3px 0;
    margin-top:5px;
}

#summarySection 
{
    display: inline-block;
    width: 100%;
    text-align: center;
}

#leftSummarySection 
{
    padding: 2em;
    width: 45%;
    display: inherit;
    margin-left: auto;
    margin-right: auto;
}

#rightSummarySection 
{
    padding: 2em;
    width: 45%;
    display: inherit;
    margin-left: auto;
    margin-right: auto;
}

/*#content {}*/

#supNav
{
    /*margin-top:10px;*/
    font-size:medium;
}
#supNav tr:first-child
{
    text-align:center;
}
#supNav select
{
    font-size:18px;
}
#supNav a
{
    font-size:large;
}
.reminder
{
    width:100%;
    font-size:25px;
    font-weight:bold;
    color:Red;
    text-align:center;
    margin:25px 0 25px 0;
}  
div.RadGrid
{
    margin-left: auto !important;
    margin-right: auto !important;
}

.RadGridRounded {
    border-radius: 10px;
    overflow: hidden;
}
.page-error
{
    background-color: #f0a7b0;
    padding: 10px 10px 10px 10px;
    border: 1px solid #f21f3b;
    width: 98%;
    font-size: 1.25em;
}

.page-instructions 
{
    background-color: #e2edf9;
    padding: 10px 20px 10px 20px;
    border: 1px solid #137bf4;
}

#login-form-table input
{
    border: 1px solid #aaaaaa; 
    background: #fff;
    color: #333;
    border-radius: 4px;
    width: 250px;
    font-size: 1.2em;
    margin: 5px 0px 6px 0px;
    padding: 4px;
}

#login-form-table input:focus
{
    border: 1px solid #7ac0da;
}

#login-form-table input[type="submit"], input[type="button"], button
{
  background-color: #d3dce0;
  border-width: 1px;
  border-style: solid;
  border-color: #787878;
  cursor: pointer;
  font-size: .9em;
  font-weight: 600;
  padding: 7px;
  margin-right: 8px;
  width: auto;
}

#login-body
{
    background-color: #fff;
    clear: both;
    padding-bottom: 35px;
} 

#login-header {
    /*background-image: url("../images/lsmobiletoolboxheader.jpg");*/
    background-repeat: no-repeat;
    width: 100%;
    height: 130px;
    margin: 0 auto;

    background: -webkit-linear-gradient(#c1ebfb, #00a2ec); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c1ebfb, #00a2ec); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c1ebfb, #00a2ec); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c1ebfb, #00a2ec); /* Standard syntax (must be last) */
}

#login-form {
    border-radius: 4px;
    border: 1px solid #aaaaaa; 
    background: #efeeef;
    width: 764px;
    margin: 0 auto;
    padding-top: 10px;
}

#login-form-table {
    margin: 0 auto;
}

#login-error {
    width: 100%;
    margin: 0 auto;
    color: Red;
    font-size: 1.9em;
    text-align: center;
}

.rgCaption {    
    background-color: #c4d9f1; 
    font: bold 20pt Helvetica Narrow; 
} 