/**************************** 

Last update: 09.18.2009

Update log:
+ 10.27.09  - table_text (center) styling added (SS)

+ 10.23.09  - changes made to sidebar, color, width, rounded edges (SS)

+ 09.18.08 	- added sub/anchor menu ul/li styles per Suzi (EC)

+ 08.28.08 	- fixed saf/ff display bug on ut_internet (EC)

+ 08.26.08 	- added UT specific styles for student age dependency on landing page (EC)

+ 08.17.09  - added clearFix styles to clear without extra markup

			- added some additional "boating tip" styling to work in conjunction
			  with exsisting .sidebar selector.

+ 08.12.09 	- added table styles specific to layered data presentation, 
			  e.g, pump-out facilities (EC)
+ 08.09.09 	- added special-emphasis callout (EC)

+ 08.06.09 	- added basic callout styles (EC)
			- added body line hight, ul ul styling (EC)
			- added font-family declaration to body
			- added h4 for explanatory callout 


 ***************************/
/* EC added line height */
body 
{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/pg_elmnts/back_gradient.jpg);
	background-repeat: repeat;
	margin: auto;
	line-height: 1.5;
}


.background-color 
{
	background-color: #FFFFFF;
}

.background_text 
{
	background-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.border 
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
}

.border2 
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.border3 
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.side_gradient 
{
	background-image: url(images/pg_elmnts/side_gradient.gif);
	background-repeat: repeat;
}

.bottom_nav 
{
	background-image: url(images/pg_elmnts/bottom_nav.gif);
	background-repeat: repeat;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

.bottom_nav_home 
{
	background-image: url(images/pg_elmnts/bottom_nav2.gif);
	background-repeat: repeat;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}

h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}


h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006699;
}

h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}


p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}


ol 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 7px;
}

ul 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 7px;
}
/* EC added line height */
li 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	margin-bottom: 5px;
	line-height: 1.25;
}

/* ul ul increases spaces for nested lists to improve readablility*/

ul ul 
{
	margin-top: 10px;
}

/*table styling from mgd course added 9-08-2009 ss*/

table.table_text td[scope="row"]{
	font-weight: bold;
	}
	
table.table_text td{
	border: 1px solid #006699;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 8px;
	}


table.table_text th {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	background-color: #006699;
	padding: 8px;
	}

.center {
	text-align: center;
	}
	
/* end*/

/* table text aligned left variation */
.left {
	text-align: left;
	}

/* end*/

.tableheading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.whiteoncolor 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

.normaltext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.smalltext 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.fineprint 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.jump_menu 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 148px;
}

.links 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

/* SS changed color, width, corners */

.sidebar 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: auto;
	padding: 10px;
	border: 2px solid #2a96cc;
	-moz-border-radius-topright: 1em; 
	-moz-border-radius-topleft: 1em;
	-moz-border-radius-bottomright: 1em; 
	-moz-border-radius-bottomleft: 1em;
	-webkit-border-top-right-radius: 18px; 
	-webkit-border-top-left-radius: 18px;
	-webkit-border-bottom-right-radius: 18px; 
	-webkit-border-bottom-left-radius: 18px;
}

/* for IN HB statutes*/

#in_rule_box
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin: 20px;
	width: auto;
	padding: 10px;
	border: 2px #006699 solid;
	background-color: #e1f0fc;
}


.box 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 5px;
	border-top: thin ridge;
	border-right: thin ridge;
	border-bottom: thin ridge;
	border-left: thin ridge;
}

.certlabels 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.error 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

.errormessage 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

.required 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #CC0000;
}

/* @group callouts */

div.explanatory-image 
{
	float: right;
	margin: 0 0 30px 30px;
	text-align: center;
	clear: both;
}

div.explanatory-image_2 
{
	float: right;
	margin: 0 0 30px 30px;
	text-align: center;
	clear: both;
}

img.explanatory-image 
{
	float: right;
	margin: 10px 0 30px 60px;
	text-align: center;
	clear: both;
}

div.explanatory-image h4 
{
	color: #006699;
	font-size: 15px;
	margin: 15px 0 5px 0;
	padding: 0;
}

div.explanatory-image p 
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #111;
	line-height: 1.5;
}

div.reminder 
{
	border: 2px solid #333;
	width: 85%;
	margin: 30px auto;
}

div.reminder h5 
{
	border-bottom: 2px solid #333;
	margin: 0;
	padding: 5px 10px;
	background: #663600;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

div.reminder p 
{
	margin: 0;
	padding: 5px 10px;
}

div.special-emphasis 
{
	width: auto;
	border: 2px solid #4275B8;
	background: #DBECF9; /* very light blue */
	padding: 5px 10px;
	margin: 30px 0;
}

div.special-emphasis h4 
{
	color: #006699;
	font-size: 15px;
	margin: 5px 0 5px 0;
	padding: 0;
}

div.tip 
{
	margin: 30px 0;
}

div.tip img
{
	float: left;
	margin: 12px 0 0 0;
}
div.tip p
{
	float: right;
	width: 320px;
	margin: 10px 0 0 0;
}

/* @end */

/* @group Easy CSS Tootip added 9-17-2009 */

a.tooltip:hover 
{
	background: #ffffff;
	/*BG color is a must for IE6*/
	text-decoration: none;
}

a.tooltip 
{
	font-weight: bold;
	cursor: help;
}

a.tooltip span 
{
	display: none;
	padding: 6px;
	margin-left: 8px;
	width: 230px;
	text-align: left;
}

a.tooltip:hover span 
{
	display: inline;
	font-size: 12px;
	position: absolute;
	background: #ffffff;
	border: 1px solid #006699;
	font-weight: normal;
}
/* @end */

/* @group data tables */

table.align-center 
{
	width: auto;
	margin: 10px auto;
}

table.layered-data th 
{
	text-align: left;
	padding: 0 0 0 5px;
	background: #ddd;
	padding: 6px;
	font-size: 15px;
}

table.layered-data td 
{
	text-align: left;
	padding: 3px 3px 3px 15px;
	background: #f0f0f0;
	padding: 6px 6px 6px 18px;
	font-size: 14px;
}

table.layered-data th#mp, table.layered-data th#bw, table.layered-data th#s 
{
	background: #006699;
	color: #fff;
	padding: 8px;
	font-size: 16px;
}

/* @end */

ul.anchor_menu
{
	margin: -15px 0 0 0;
	padding: 5px 0 0 0;
}

ul.anchor_menu li
{
	display: inline;
	list-style-type: none;
	font-size: 12px;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #666;
}

* html ul.anchor_menu li {
	margin-right: 7px;
}

ul.anchor_menu li.last 
{
	border: none;
}

ul.anchor_menu  a:link {
	color: #666666;
	padding: 0;
	text-decoration: underline;	
	
}

ul.anchor_menu a:visited {
	color:#666666;
}

ul.anchor_menu  a:hover, ul.anchor_menu a:active {
	background-color: #e1f0fc;
	text-decoration: none;
	color: #006699;
}


/* @group utah specific */
div#utah h1 
{
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 120%;
	color: #222;
	margin: 15px 20px 30px 20px;
}

div#utah h2 
{
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 110%;
	color: #222;
	margin: 25px 20px 30px 20px;
}

div#utah h3 
{
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 110%;
	color: #222;
	margin: 10px 15px 10px 15px;
}

div#utah h4 
{
	font-family: Tahoma, helvetica, sans-serif;
	font-size: 110%;
	color: #222;
	margin: 10px 15px 10px 15px;
}

div#utah p 
{
	line-height: 1.5;
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
	position: relative;
}

div#utah div.course-select 
{
	margin: 15px 20px 15px 50px;
	text-align: center;
}

div#utah div.course-select a 
{
	padding: 10px;
	font-size: 15px;
	line-height: 1.1;
	border-width: 3px;
	border-style: outset;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 200px;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #111;
	outline: none;
}

div#utah div.course-select a.youth:link, div#utah div.course-select a.youth:visited 
{
	background: #DAF2B0;
	border: 3px outset #DAF2B0;
}

div#utah div.course-select a.youth:hover 
{
	background: #C1EA7B;
	border: 3px outset #C1EA7B;
}

div#utah div.course-select a.youth:active 
{
	background: #A8E147;
	border: 3px outset #A8E147;
}

div#utah div.course-select a.adult:link, div#utah div.course-select a.adult:visited 
{
	background: #F2E9B0;
	border: 3px outset #F2E9B0;
}

div#utah div.course-select a.adult:hover 
{
	background: #EADB7B;
	border: 3px outset #EADB7B;
}

div#utah div.course-select a.adult:active 
{
	background: #E1CC47;
	border: 3px outset #E1CC47;
}

div#utah div.course-select a strong 
{
	font-size: 22px;
	color: #111;
}

div#utah div.course-select a:hover strong 
{
	text-decoration: underline;
}

div#utah div.course-select span 
{
	display: block;
	float: left;
	font-size: 20px;
	margin: 0 15px;
	padding: 25px 0;
}

div#utah p.legal 
{
	font-size: 12px;
	font-family: Tahoma, helvetica, sans-serif;
	color: #333;
}

div#utah sup.note 
{
	padding: 0;
	margin: 0;
	vertical-align: text-top;
	color: #E1475B;
}

div#utah span.notice 
{
	color: #3F96CF;
}

div#utah div.authority 
{
	margin: 15px -12px;
	padding: 10px 20px 15px 20px;
	background: #EDEDED;
}

* html div#utah div.authority 
{
	padding-bottom: 20px;
	display: block;
	margin-right: -20px;
	border-right: #EDEDED solid 10px;
}

div#utah div.authority ul 
{
	margin: 0 0 0 15px;
	padding: 0;
}

div#utah div.authority ul li 
{
	font-size: 13px;
	list-style-type: none;
	margin: 0 10px 15px 0;
	padding: 8px 8px 8px 28px;
	display: block;
	float: left;
	width: 230px;
	background: #fdfdfd;
	min-height: 80px;
	overflow: visible;
	position: relative;
}

* html div#utah div.authority ul li 
{
	width: 250px;
	height: 100px;
	margin-right: 15px;
}

div#utah div.authority ul li strong 
{
	font-size: 14px;
}

div#utah div.authority ul li span.icon 
{
	position: absolute;
	top: 6px;
	left: 5px;
	height: 20px;
	width: 20px;
	background: url(images/pg_elmnts/common_sprite.png) no-repeat -65px 0;
}

div#utah p.contact 
{
	font-size: 12px;
}

div#utah p.contact strong 
{
	font-size: 15px;
	font-weight: normal;
}

div#utah span.line-break 
{
	display: block;
	margin: 10px 15px;
}

/* @end */



/* @group clearFix */

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearFix {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .clearFix {
	height: 1%;
}

.clearFix {
	display: block;
}

/* End hide from IE-mac */

/* @group Course now 'Managed' warning styles */

div.alert {
	background: #FFFFCC;
	padding: 5px 15px;
	border-bottom: 1px solid red;
	margin-bottom: 600px;
}

div.alert p.message {
	color: red;
	font-weight: bold;
	font-size: 15px;
}

div.alert p.button_link {
	text-align: center;
}

div.alert p.button_link a {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-style: outset;
	border-width: 3px;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.1;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

div.alert p.button_link a,  div.alert p.button_link a {
	background: #3838FF;
	border: 3px outset #3838FF;
}

div.alert p.button_link a:hover {
	background: #B3D9FF;
	border: 3px outset #B3D9FF;
	color: #000;
}

div.alert p.button_link a:active {
	background: #B3D9FF;
	border: 3px inset #B3D9FF;
	text-decoration: underline;
}

div#legacy_course_content  p.alert {
	background: #FFFFCC;
	padding: 5px 15px;
	border-bottom: 1px solid red;
}

/* @end */