/* side_nav.css styles  */
/*student */
#studentNav { position: relative; top: 0px; margin: 0; padding: 0; }
#studentNav li { margin-left: -20px; margin-left: 0; }
#studentNav li a { padding-left: 30px; display: block; height: 25px; padding-top: 6px; background-color: #00caca; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; overflow: hidden; color: #ffffff; }
#studentNav li a:hover { background: #00ADAD; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; }
#studentNav a:link, #studentNav a:visited { color: #444; }
#studentNav a { text-decoration: none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#studentNav { list-style: none; margin-right: 5px; padding-top: 1px; }
.headerbar { margin-top:4px; font: bold 14px Arial; color: white; width:165px; /*width:97%; */background: #FFF url(../../images/template/student_rounded.gif) no-repeat; margin-bottom: -1px; /*bottom spacing between header and rest of content */padding: 4px 0px 4px 0px; text-indent:10px;/*header text is indented 10px */}
/*administrator */
#adminNav { position: relative; top: 0px; margin: 0; padding: 0; }
#adminNav li a { padding-left: 30px; display: block; height: 25px; padding-top: 6px; background-color: #5477b9; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; overflow: hidden; color: #ffffff; }
#adminNav li { margin-left: -20px; margin-left: 0; }
#adminNav li a:hover { background: #2C488D; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; }
#adminNav a:link, #adminNav a:visited { color: #444; }
#adminNav a { text-decoration: none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#adminNav { list-style: none; margin-right: 5px; padding-top: 1px; }
.adminheaderbar{ margin-top:4px; font: bold 14px Arial; color: white; width:165px; /*width:97%; */background: url(../../images/template/admin_rounded.gif) no-repeat; margin-bottom: -1px; /*bottom spacing between header and rest of content */padding: 4px 0px 4px 0px; text-indent:10px;/*header text is indented 10px */}
/*resource */
#resourceNav { position: relative; top: 0px; margin: 0; padding: 0; }
#resourceNav li a { padding-left: 30px; display: block; height: 25px; padding-top: 6px; background-color: #a8a7a8; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; overflow: hidden; color: #ffffff; }
#resourceNav li { margin-left: -20px; margin-left: 0; }
#resourceNav li a { }
#resourceNav li a:hover { background: #8D8D8D; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; }
#resourceNav a:link, #resourceNav a:visited { color: #444; }
#resourceNav a { text-decoration: none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#resourceNav { list-style: none; margin-right: 5px; padding-top: 1px; }
.resourceheaderbar{ margin-top:4px; font: bold 14px Arial; /*width:97%; */width:165px; color: white; background: url(../../images/template/resource_rounded.gif) no-repeat; margin-bottom: -1px; /*bottom spacing between header and rest of content */padding: 4px 0px 4px 0px; text-indent:10px;/*header text is indented 10px */}
.Starters H1 a:link, .Starters H2 {  color:#0033CC !important; }
.BlueNote { background-color:#ccffff; padding:5px; margin-bottom:20px; height:150px; }
.BlueNote2 { background-color:#ccffff; padding:5px; clear:both; }
.ListBlueDisc { list-style-type: disc; color:#0033CC; vertical-align:baseline; }
.ListBlueDiscFont { color:#000000; }
.ListBlueDecimalBold { list-style-type: disc; color:#0033CC; vertical-align:baseline; font-weight:bold; }
/*instructor */
#instructorNav { position: relative; top: 0px; margin: 0; padding: 0; }
#instructorNav li a { padding-left: 30px; display: block; height: 25px; padding-top: 6px; background-color: #5FC2FF; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; overflow: hidden; color: #ffffff; }
#instructorNav li { margin-left: -20px; margin-left: 0; }
#instructorNav li a:hover { background: #4AA4D1; background-image: url(../../images/template/WhiteArrow.png) ; background-position :13px 9px; background-repeat:no-repeat; }
#instructorNav a:link, #instructorNav a:visited { color: #444; }
#instructorNav a { text-decoration: none; color:#000000; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#instructorNav { list-style: none; margin-right: 5px; padding-top: 1px; }
.instructorheaderbar{ margin-top:4px; font: bold 14px Arial; color: white; width:165px; /*width:97%; */background: url(../../images/template/instructor_rounded.gif) no-repeat; margin-bottom: -1px; /*bottom spacing between header and rest of content */padding: 4px 0px 4px 0px; text-indent:10px;/*header text is indented 10px */}
.adminheaderbar{ margin-top:4px; font: bold 14px Arial; color: white; width:165px; /*width:97%; */background: url(../../images/template/admin_rounded.gif) no-repeat; margin-bottom: -1px; /*bottom spacing between header and rest of content */padding: 4px 0px 4px 0px; text-indent:10px;/*header text is indented 10px */}

/* grey_bar.css styles  */
/*#toplink { font-family:arial, sans-serif; position:absolute; right:10px; bottom:0; }*/
#toplink ul { padding:0; margin:0; list-style-type:none; }
#toplink ul li { float:right; font-size:0.8em; color:#fff;  padding-right:15px; margin:0 0 0 7px; line-height:25px; font-family:arial, sans-serif; }
#toplink ul li a, #toplink ul li a:visited { font-size:1em; color:#fff; text-decoration:none; }
#toplink ul li a.highlite, #toplink ul li a.highlite:visited { color:#fff; }
#toplink ul li a:hover { color:#fff; border-bottom:1px solid #fff; text-decoration: none; }
#toplink ul li a img { 	border:0; padding-top:5px; text-decoration: none; }
#toplink{ width:100%; height:30px;   float:left; background-image:url(../../images/template/back.gif); position:relative; }
#username { float:left;  font-size:0.8em;  color:#FFF;  padding-left:15px;  line-height:25px;  font-family:arial, sans-serif;  }
a.ovalbutton{ background: transparent url(../../images/template/oval-gray-left.gif) no-repeat top left; display: block; float: left; font: normal 12px Tahoma; /* Change 13px as desired */ line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ height: 24px; /* Height of button background height */ padding-left: 11px; /* Width of left menu image */ text-decoration: none; }
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{ color: #494949; /*button text color*/ }
a.ovalbutton span{ background: transparent url(../../images/template/oval-gray-right.gif) no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ }
a.ovalbutton:hover{ /* Hover state CSS */ background-position: bottom left; }
a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right; color: black; }
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; width:90px; }

.ayuda {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;
	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#fff !important;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	line-height:40px;
	width:162px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
	float: right;
	margin-left: 76px;
	margin-bottom: 10px;
}
.ayuda:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
	text-decoration:none;
}.ayuda:active {
	position:relative;
	top:1px;
}
 
/*correct alignment of user login components */
.UserLogin div.Form {clear:none; float:left;height:265px;}
.UserLogin .Section {min-height: 193px;}
#ctl00_MainContentPlaceHolder_ctl00_pnlNewUser div.Form div.SubmitButtons {margin-top:-14px;}


@import url("http://cmstest.servsafe.com/App_Themes/externalCss/externalCss.css");

/***** OVERWRITE SERVSAFE.CSS *****/

#container {
    background: none;
    margin: 0 auto;
    width: 800px;
}
body {
    background: none;
    font-size: 16px;
}

#header {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
}
.panel-body {
    min-height: 212px;
}
.panel-footer {
    background-color: #ffffff;
    border-top: none;
}
.panel-heading {
    font-weight: bold;
    font-size: 14px;
}
a.btn:visited, a.btn, a.btn:hover {
    color: #ffffff;
    text-decoration: none;
}

#footer {
    background: none;
    width: 800px;
    text-transform: none;
    margin: 0 auto;
}

#Surge-Product-Image img {
    width: 100%;
    height: auto;
}