/*
  To create a new color theme, replace the colors:

	#3366FF with the color for hyperlinks
  and
	#0033CC with the background color for the top navigation bar
  and
	#000099 for the color of page headings

  and
	provide a re-colored version of images/ul_bullet.gif,
	which is the bullted-list item dot.

*/

.rowHover 
{
    color:black !important;
    background-color: white !important;
    padding:10px 7px 4px 10px;
	border-color: black !important;
}

.rowNormalOcean {
    color: black !important;
    background-color: lightblue !important;
    padding: 10px 7px 4px 10px;
    border-color: black !important;
}

.rowNormal {
	color: black !important;
	background-color: lightgreen !important;
	padding: 10px 7px 4px 10px;
	border-color: black !important;
}

.rowTwoHourLate {
	color: black !important;
	background-color: yellow !important;
	padding: 10px 7px 4px 10px;
	border-color: black !important;
}

.rowFourHourLate {
	color: black !important;
	background-color: tomato !important;
	padding: 10px 7px 4px 10px;
	border-color: black !important;
}

.rowReverse {
	background-color: red !important;
	color: yellow !important;
	border-color: black !important;
	padding: 10px 7px 4px 10px;
}

.rowQuote {
	color: black !important;
	background-color: lightblue !important;
	padding: 10px 7px 4px 10px;
	border-color: black !important;
}

.content_right .rowReverse .blink_me {
		font-size: 14px;
	}

.blink_me {
	animation: blink 1s steps(15, start) infinite;
	-webkit-animation: blink 1s steps(15, start) infinite;
}

@keyframes blink {
	to {
		opacity: 50%;
	}
}

@-webkit-keyframes blink {
	to {
		opacity: 50%;
	}
}

.rowHover td {
    padding:2px 7px 2px 10px !important;
}

/*.rowHover:hover
{
    background-color:aqua !important;
}*/

#col_main_right_thick
{
	margin: 0 0 0 2px;
	border: none;
	font-size: 0.8em;
	position: relative;
}
#col_main_left_thin
{
	width: 70px;
	border: none;
	padding: 5px;
	font-size: 0.8em;
	float: left;
	position: relative;
}
#title h1 a:link, #title h1 a:visited
{
	text-decoration: none;
	color: #3366FF;
}

a:link, a:visited, #search a:visited, th a:visited
{
	color: #3366FF;
}

#title h1
{
	color: #3366FF;
}

#color_bar
{
	background: #0033CC;
}

h3
{
	color: #000099;
}

/*
   COMMON THEME PROPERTIES FOLLOW
   (they contain no information specific to a theme color)
*/

body
{
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	margin-top: 0;
	margin-left: 0;
	width: 98%;
}

/*a:hover
{
	text-decoration: none;
}*/

a:active
{
	text-decoration: none;
}

.none
{
	display: none;
}

#title h1
{
	font-size: 18px;
	font-weight: bold;
	display: inline;
}

.item_list h3, .item_list h4, .item_list h5, .item_list h6
{
	font-size: 1em;
	font-weight: normal;
}

/* begin main layout divs */

#title
{
	height: 40px;
	width: 770px;
	padding-top: 17px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px; /*background: url(images/background_title.jpg) no-repeat center top;*/
}

#nav_header
{
	margin: 0 auto;
	background: #75746E url(images/background_nav_top.gif) repeat-x top;
	line-height: normal;
	width: 780px;
	height: 40px;
}
#nav_header ul
{
	margin: 0;
	padding: 0 0;
	list-style: none;
	float: right;
	background: url(images/nav_top_filler.gif) repeat-x left top;
}
#nav_header li
{
	float: left;
	background: url(images/nav_top_left.gif) no-repeat left top;
	margin: 0;
	padding: 0;
}
#nav_header a
{
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	float: left;
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 5px;
	background: url(images/nav_top_right.gif) no-repeat right top;
	padding: 13px 25px 13px 15px;
}

#nav_header a span
{
	border-bottom: #ccc 1px solid;
	/*padding-bottom: 54px;  hide the underline in normal state, required for hover effect in IE */
}

#nav_header a:hover span
{
	border-bottom: #c0c0c0 1px solid;
	padding-bottom: 2px;
}

#color_bar
{
	font-size: 10px;
	font-weight: bold;
	width: 760px;
	border-bottom: #ccc 1px solid;
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	padding-top: 10px;
	color: #FFFFFF;
}

input .submit
{
	font-size: 11px;
	width: 70px;
}

#nav_browse
{
	float: left;
}

#nav_login
{
	float: right;
}

#body
{
	display: table;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B6B3A6;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px; /*background: #F7F6F2;*/
}

#col_main_left
{
	font-size: .8em;
	width: 258px;
	float: left;
	border-right: 2px solid #DFDCCB; /*background: #E1DFCF;*/
}

#col_main_right
{
	/*border-left: 3px solid #DFDCCB;*/
	margin-left: 258px; /*border-right: 1px solid #CAC7B8;*/ /*background: #F7F6F2;*/
}
#col_main_right_Thick
{
	margin-left: 170px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8px;
}
#col_main_left_thin
{
	width: 150px;
	border: none;
	padding: 10px;
	font-size: 0.8em;
	float: left;
}

#announcements
{
	font-size: 0.8em;
	padding: 10px;
	height: 100%;
	background: #F7F6F2;
}

#announcements ul
{
	margin-top: 0;
}

#announcements li
{
	list-style-position: outside;
	list-style-image: url(images/ul_arrow.gif);
	margin-bottom: 15px;
	margin-left: -24px;
}

#user_assistance
{
	color: #7F4728;
	padding: 10px;
	float: left;
	width: 238px; /*background: #F9F9F8 url(images/background_user_assist.jpg) repeat-x top;*/
}

#user_assistance h2, #user_assistance h3
{
	color: #000000;
	font-size: .8em;
}

.post_url, .post_title, .post_description
{
	width: 250px;
}

.post_description
{
	height: 90px;
}
.entry_panel
{
	border: thin solid #000000;
	margin: 5px;
	padding: 10em;
	width: auto;
	height: auto;
}
.content_right
{
	padding: 10px;
	font-size: 0.8em;
}

.content_right form, .content_right fieldset
{
	border: none;
	padding: 0;
	margin: 0;
}

.content_right legend
{
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

.section
{
	padding: 10px;
	height: 17px;
	font-size: 0.8em;
	font-weight: bold;
	border-bottom: 2px solid #E4E2D5;
	margin-bottom: 0;
}

h3.section
{
	font-size: 1em;
}

/* begin footer */

#footer
{
	font-size: 11px;
	font-weight: bold;
	width: 100%; /*height: 23px;*/;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	text-align: center;
	background: #75746E url(images/background_nav_footer.jpg);
}

#footer_nav
{
	width: 100%;
}

#footer_nav a
{
	list-style-type: none;
	white-space: nowrap;
	display: inline-block;
	margin: 0 10px 0 0;
	text-decoration: underline;
}

#footer_nav a, #nav_login a, #nav_browse a, #crumbs a
{
	color: #FFFFFF;
}

.entry_panel
{
	border: thin solid #000000;
	padding: 5px;
	margin: 5px;
	width: auto;
	height: auto;
}
.grid_panel
{
	border: thin solid #000000;
	padding: 5px;
	margin: 5px auto 5px auto;
	width: auto;
	height: auto;
}
.SubPanel
{
	padding: 2px;
	margin: 2px;
}

.modalBackground {
	background-color: #FFFFFF;
	/*-webkit-filter: alpha(opacity=70);*/
	-moz-filter: alpha(opacity=70);
	-o-filter: alpha(opacity=70);
	filter: alpha(opacity=70);
	-ms-opacity: 0.7;
	opacity: 0.7;
}

.modalPopup
{
	background-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 220px;
	height: 80px;
}
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	-moz-min-width: 300px;
	-ms-min-width: 300px;
	-o-min-width: 300px;
	-webkit-min-width: 300px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
}

#popup_title
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0;
	margin: 0;
}

#popup_content
{
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0;
}

#popup_content.alert
{
	background-image: url(images/info.gif);
}

#popup_content.confirm
{
	background-image: url(../../Images/important.gif);
}

#popup_content.prompt
{
	background-image: url(../../Images/help.gif);
}

#popup_message
{
	padding-left: 48px;
}

#popup_panel
{
	text-align: center;
	margin: 1em 0 0 1em;
}

#popup_prompt
{
	margin: .5em 0;
}