div#Wrapper {
font-family: Verdana, Helvetica, Arial, Tahoma, 'Trebuchet MS', 'Lucida Sans Unicode', 'Century Gothic', sans-serif;
font-size: 12px;
}

div#Wrapper a { color: #00E; text-decoration: none; }
div#Wrapper a:link { color: #00E; }
div#Wrapper a:visited { color: #00E; }
div#Wrapper a:hover { color: #00E; text-decoration: underline; }
div#Wrapper a:active { color: #00E; }

div#wrapper div, div#Wrapper p, div#wrapper table, div#wrapper a {
font-size: 12px;
}

div#wrapper h2 {
font-size: 20px;
font-weight: normal;
line-height: 1em;
margin: 5px 0 15px 0;
padding:0;
}

div#wrapper h3 {
font-size: 14px;
font-weight: bold;
line-height: 1em;
margin:0;
padding:0;
}

div#wrapper .box {
color: #135689;
background: #D0F0FF;
border: 3px solid #5EC4EC;
margin: 5px;
padding: 15px;
}

div#wrapper .box div { text-align: left; font-size: 10px; }

div#wrapper .box dl {
	font-size: 10px;
	margin: 15px 0 0 0;
	padding: 0;
}

div#wrapper .box dl dt {
	font-weight: bold;
	margin:0;
	padding:0;
}

div#wrapper .box dl dd {
	margin:0 0 0 15px;
	padding:0;
}

div#wrapper table {
width: 100%;
margin: 0;
padding:0;
}

div#wrapper table tr {
	border-collapse: separate;
	border-spacing: 1em 0;
}

div#wrapper table td {
	vertical-align: top;
	margin:0;
	padding:0;
}

div#wrapper table td.contentCol {
	width: 65%;
	padding-right: 5px;
}

	div#wrapper table ol.subContent li {
		margin:5px 0 15px 0;
		padding:0;
	}

		div#wrapper table ol.subContent p {
			font-size: 12px;
			margin: 3px 0 0 0;
			padding: 0;
		}

	div#wrapper table ol.subContent li.incomplete { color: #FF7C25; }
	div#wrapper table ol.subContent li.started { color: #719A2A; }
	div#wrapper table ol.subContent li.completed { color: #AAA; }
	div#wrapper table ol.subContent li.completed span { font-weight: bold; font-size: 13px; }

	div#wrapper table ol.subContent li a { font-weight: bold; font-size: 13px; color: #137DCF; }

.ApplicationProgressWrapper {
padding-left:15px;
}
.ApplicationProgress {
	background-color:#f5f5f5;
	border:1px solid #ccc;
	width:80%;
}

.ApplicationStepGray {
background-color:#f5f5f5;
border:1px solid #ccc;
padding:15px;
}
.ApplicationStepGray p {
	font-weight:bold;
	margin:3px;	
}
#rdoExamTaken td {
	padding:6px 40px;
}


/* PROGRESS BAR FOR THE DASHBOARD*/
div#wrapper div#progressBar {
	background: #FAFAFA;
border: 1px solid #2888D3;
height: 20px;
width: 100%;
}

div#wrapper div#currentProgress {  
background: #137DCF;
	border-right: 1px solid #2888D3;
	height: 20px;
	
}

div#wrapper div#progressPercentage {  
	font-size: 10px;
	text-align: right;
	margin: 0 0 15px 0;
}

/* PROCESS STEPS FOR MULTI-PAGE FORMS */
div#processSteps div {
display: inline;
float: left;
color: #135689;
text-align: center;
width: 120px;
height: 30px;
margin: 0 0 0 10px;
padding: 0;
}


div#processSteps div div { 
	background: #f5fcff;
	border: 1px solid #5EC4EC;
	height: 5px;
	width: 118;
	margin:0;
	padding:0;
}

	div#processSteps div div.completed { background: #D0F0FF; border: 1px solid #5EC4EC; }

div#processSteps h6 {
	font-size: 10px;
	font-weight: normal;
	line-height: 10px;
	margin: 10px 0 0 0;
	padding:0;
}

/* FLOAT CLEARING - See http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
.clearfix {
display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.ip_content { /* For IP pages */
padding:8px 0 0 0px;
}
#wrapper.ip_content {
padding-left:8px;
}
.ip_content IRC {
margin-right:0;
}

.ip_content H1 {
	color: #00139A;
	width:595px;
	background-image: url(/images/template/servsafe.gif);
	background-repeat:no-repeat;
	background-position:480px 5px;
	padding-right:130px;
	margin-top:15px;
	line-height:30px;
	padding-bottom:18px;
	}
html>body .ip_content h1 {
	width:480px;
	padding-right:120px;
	background-position:480px 5px;
}	

.ipq_faq_section h2 {
	background-color:#666666;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	
}

.ipq_faq_section ul {
	padding-left:20px;
	margin-left:10px;
}
.ipq_faq_section ul ul,.ipq_faq_section ol ul {
	list-style-image:url(/images/graphic_blacksquare_sm.gif);
}
.ipq_faq_section ul ul ul,.ipq_faq_section ol ul ul {
	list-style-image:url(/images/graphic_blacksquaresolid_sm.gif);
}

.ipq_faq_section li {
	margin:3px;
}
.ipq_faq_section .faq-a p {
	margin-bottom:10px;
}
.ipq_faq_section .faq-a ol {
	margin-top:5px;
}

.ipq_faq_section .faq-q-open {
	background-image: url(/images/graphic_faq2_view.gif);
	cursor:hand;
	padding:3px;padding-right:70px;
	margin-left:15px;margin-top:7px;margin-bottom:0;
	background-color:#e6e6e6;
	background-repeat:no-repeat;
	width:590px;
	background-position:480px 8px;
	line-height:18px;
}	
.ipq_faq_section .faq-q {
	background-image: url(/images/graphic_faq2_hide.gif);
	cursor:hand;
	padding:3px;padding-right:70px;
	margin-left:15px;margin-top:7px;margin-bottom:0;
	background-color:#e6e6e6;
	background-repeat:no-repeat;
	width:590px;
	background-position:480px 8px;
	line-height:18px;
}

.ipq_faq_section .faq-a, .faq-a-open {
	background-color:#f5f5f5;
	padding:10px 15px;
	margin-left:15px;
	width: 590px;
}

.ipq-q {
	background-image: url(/images/lightbluesquarebullet_lg.gif);
	background-repeat:no-repeat;
	background-position:5px 25px;
	padding:22px;
	padding-top:25px;
	
}
/*Corrects the width for some browsers*/
html>body .ipq_faq_section .faq-q, html>body .ipq_faq_section .faq-q-open, html>body .ipq_faq_section .faq-a, html>body .ipq_faq_section .faq-a-open    {
	width:590px;
	background-position:480px 8px;
	}
html>body .ipq_faq_section .faq-a, html>body .faq-a-open {
	background-color:#f5f5f5;
	padding:10px 15px;
	margin-left:15px;	
	width: 590px;
}
html>body .ipq-q {
	width: 590px;
}


html>body .ipq_faq_button_wrapper {
	padding:10px;
	margin:0;
	text-align:center;
}
p.indent {padding-left:25px;margin:5px 0;}

.ipq_faq_button {
	color: #0f4cc9;
	font-family: Arial, Hevlvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	border: 3px double #cccccc;
	width: auto;
	background: url(/images/template/button_bg.png) repeat-x;
	padding: 0px 5px;
	line-height: 18px !important;
	line-height: 16px;
	height: 26px !important;
	height: 24px;
	margin: 10px;
	padding:0 20px;
}
#q2a, #q2b {
	margin-top:3px;
	width:440px;
	background-position:325px 8px;
}
#q2a.faq-q, #q2b.faq-q {
	background-image: url(/images/graphic_faq2_view.gif);
}
#q2a.faq-q-open, #q2b.faq-q-open {
	background-image: url(/images/graphic_faq2_hide.gif);
}
#a2a,#a2b {
	width:440px;
	background-color:#e6e6e6;
}
html>body #a2a,html>body #a2b {
	width:428px;
	background-position:345px 8px;
}
html>body #q2a, html>body #q2b {
	width:430px;
	background-position:345px 8px;
}


TABLE.OnlineTestResources TD {
padding: 6px 3px 6px 3px;
FONT-SIZE: 13px;
FONT-FAMILY: verdana,helvetica,arial,sans-serif;
BACKGROUND-COLOR: #c0c0c0;
border-bottom:3px solid #fff;
}
TABLE.OnlineTestResources TR.odd TD {
BACKGROUND-COLOR: #E7E7E7; 
}
TABLE.OnlineTestResources td.left {
width:15em;
}
TABLE.OnlineTestResources td.right {
padding-left:5px;
width:27em; 
word-wrap: break-word;
}




