﻿


body
{
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	margin-top: 0px;
	margin-left: 0px;
	width: 98%;
	background-image: url(Images/background.bmp);
	background-repeat: repeat-x;	
	/*background-color: #91B0AF;*/
}
/*	background: url(images/background_title_blue_wide2.jpg) repeat-y;*/ /*	background: url(../../Images/bg_dollar.png) repeat-y;*/



p {
	margin:10px 0;
	}
	
.topLogo
{
	background:url(../../Images/header_left_blue.jpg);
	/*background-image:url(../../Images/header_left_blue.jpg);*/
	position:absolute;
	margin: 2 2 2 2;
	top: .5em;
	left: 15px;
	height: 2.8em;
	width: 95%;
	
}

.topLogo H1
{
	font-size:x-large;
	font-weight:bolder;
	color: #ffffff;
	text-align:center;
}

.topLogo H2
{
	font-size: larger;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.mainTable
{
	margin: 10 10 10 10;
	width: 90%;
	text-align:center;
	font-size:small;
}

.tdw
{
	width: 96px;
	margin: 2 2 2 2;
}

.pseudoMenu
{
	background:url(../../images/navGrad.gif);
	margin: 0, 0, 0, 0;
	height: 2.1em;
}

/* Collapsible panel Layout */
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}

.whiteball
{
	background-position: center center;
	font-size: .9em;
	font-weight: bold;
	background-image: url(     '../../Images/LPMWhiteBall.gif' );
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	width: 53px;
	height: 53px;
	color: #660033;
	
}

.yellowball
{
	background-position: center center;
	font-size: .9em;
	font-weight: bold;
	background-image: url(  '../../Images/LPMYellowBall.gif' );
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	width: 53px;
	height: 53px;
	color: #660033;
}

.redball
{
	background-position: center center;
	font-size: .9em;
	font-weight: bold;
	background-image: url(   '../../Images/LPMRedBall.gif' );
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	width: 53px;
	height: 53px;
	color: #FFFFCC;
}

.greenball
{
	background-position: center center;
	font-size: .9em;
	font-weight: bold;
	background-image: url(   '../../Images/LPMGreenBall.gif' );
	background-repeat: no-repeat;
	vertical-align: middle;
	text-align: center;
	width: 53px;
	height: 53px;
	color: #FFFFCC;
}

.statsheaderlabel
{
	width:250px; 
	font-weight: bold; 
	font-size: .9em; 
	color: #FFFF99; 
	background-color: #800000;
	text-align:center;
	
}

.ticketlabel
{
	margin-top: 4px;
}

#nav_header
{
	
	margin: 0 auto;
	background: #75746E url(images/background_nav_top_blue.gif) repeat-x top;
	line-height: normal;
	width: 90%;
	height: 40px;
}
#nav_header ul
{
	margin: 0;
	padding: 0px 0;
	list-style: none;
	float: right;
	background: url(images/nav_top_filler_blue.gif) repeat-x left top;
}
#nav_header li
{
	float: left;
	background: url(images/nav_top_left_blue.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_blue.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: 6px;
}

#menu_header
{
	margin-top: 5px;
	width: 100%;
	clear: both;
	height: 30px;
	background-color: #C0C0C0;
}

#color_bar
{
	padding: 13px 10px 10px 10px;
	font-size: 10px;
	font-weight: bold;
	width: 100%;
	border-bottom: #ccc 1px solid;
	margin-right: auto;
	margin-left: auto;
	height: 27px;
	color: #000066;
	display: block;
}


#crumbs
{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 26px;
	width: 760px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: middle;
	background: #75746E url(images/background_crumbs_blue.jpg) repeat-x top;
	margin: 0px auto 5px;
	
}

#crumbs h2, #crumbs h3
{
	font-size: 10px;
	display: inline;
}

#crumbs_search
{
	float: left;
	font-size: 12px;
}

.login_box input.text
{
	width: 150px;
}

input.user_info
{
	width: 200px;
}

input.register_password
{
	width: 100px;
}

input.register_question
{
	width: 250px;
}

/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
    text-align:left;
/*    width: 75%;*/
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(../../Images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

ul {
	margin:20;
	padding:0;
	}

li {
	background-position: left center;
	list-style: none;
	background: url(../../Images/fancy_right.png) no-repeat left;
	padding: .2em 0 .2em 2em;
	margin-left: 1em;
	
}

ul.list-of-links {
	border-bottom:1px dotted #B2B2B2;
}

ul.list-of-links li{
	border-top:1px dotted #B2B2B2;
	background-image:url(../../Images/list-bullet-04.gif);
	background-position: left center;
}

ul.list-of-links li.current {
	background-color:#E5E5E5;
}


ul.no-lines,
ul.no-lines li {
	border:none;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:728px;
	border:1px solid #818181;
	background:url(../../Images/bg-three-column-main.png) repeat-y;
	position:relative;
	}

#content-main-three-column {
	width:355px;
	float:left;
	margin-left:25px;
	}

#content-side2-three-column,
#content-side1-three-column {
	width:160px;
	font-size:.9em;
	}
	
#content-side2-three-column {
	float:right;
	}

#content-side1-three-column {
	float:left;

	}
	
#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}

#master_contentfooter
{
	clear: both;
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	text-align:center;
}
#master_header_left
{
	width: 800px;
	float: left;
	height: 30px;
	text-align: center;
}
#master_header_right
{
	height: 30px;
	float: right;
	width: 200px;
	font-size: .8em;
	color: #993366;
}

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

}
#register_body
{
	display: table;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	/*background: #F7F6F2;*/

}
#col_main_center
{
	width: 100%;
	/*border-bottom: #ccc 1px solid;*/
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	color: Black;
}

#col_main_left
{
	width: 135px;
	
	float: left;
	/*border: solid 3 blue;*/
	/*border-right: 3px solid #DFDCCB;
	background: #F7F6F2;*/
}
#col_register_left
{
	width: 198px;
	float: left;
	border-right: 3px solid #DFDCCB;
	/*background: #E1DFCF;*/
	padding-left: 4px;
}


#col_main_right
{
	margin-left: 135px;
	color: #000000;
}
	
#col_register_right
{
	margin-left: 198px;
	color: #000000;
}	

#col_main_right H1
{
	text-align: center;
}

col_left
{
	width: 328px;
	float: left;
	border-right: 3px solid #DFDCCB;
	background: #E1DFCF;
	text-align: left;
	margin: 0 0 0 0;
	padding-left: 5px;
	
}

#two_col_left
{
	width: 228px;
	float: left;
	text-align: left;
	margin: 0 0 0 0;
	padding-left: 5px;
	
}

#two_col_right
{
	border-left: 3px solid #DFDCCB;
	margin-left: 228px;
	border-right: 1px solid #CAC7B8;
	text-align: center;
	border-right-color: #800000;
	border-left-color: #800000;
}

.content_right
{
	padding: 0px;
	margin-left: 65px;
	font-size: 0.8em;
	/*border-left: 3px solid #DFDCCB;*/
}
.content_right form, .content_right fieldset
{
	border: none;
	padding: 0px;
	margin: 0px;
}
.content_right legend
{
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px; /*padding-bottom: 5px;*/
}
.content_right h2
{
	color:Silver
}

.unwatermarked {
	height:18px;
	width:148px;
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

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

.user_info
{
	padding: 0px;
	width:170px;
	font-size:.8em;
	margin-right: 5px;
}

.tab_xp 
{
    height: 20px;            
    background:url(images/tab-active2.gif) repeat-x;    
}

.tab_hover 
{
	height: 23px;
	border-style: none;
	background: url(images/tab-hover.gif) repeat-x;
}
.tab_active 
{
	height: 23px;
	background: url(images/th.gif) repeat-x;
}
/*
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Blue;
	padding:3px;
	width:250px;
	font-weight:bold;
	font-size:medium;
	
}
.modalHeader 
{
    background-color:Blue;   
    
}
*/

ul.navigation
{   width: 700px;}

ul.navigation li
{   padding: 0px 0px 0px 14px;
	display: inline;
	background: transparent url(../images/ulSide.gif) no-repeat scroll center left;
	margin: 0 0 1px 10px;}

ul.navigation li.first
{   background: none;}

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

#ticketentry
{
	color: #000099; 
	background-color: #FFFFCC; 
	display: block; 
	text-align: left; 
	clear: both; 
	font-family: 'Times New Roman', Times, serif; 
	font-size: large; 
	padding-bottom: 2px;
}


/* begin footer */

#footer
{
	font-size: 11px;
	font-weight: bold;
	height: 23px;
	width: 740px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	/*color: #FFFFFF;*/
	text-align: center;
	/*background: url(images/background_nav_footer_blue.jpg);*/
}

#footer_nav
{
	width: 100%;
}

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

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

#disclaimer
{
	font-size: 0.8em; /*color: #888679;*/
	text-align: center;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	color: #008080;
}

#logindiv
{
	float: right;
	margin-right: 5px;
	font-size: .8em;
	color: #CC0000;
	clear: both;
	margin-top: 5px;
}

.megagridheader
{
	border: medium solid Black;
	background-color: #0D028E;
	color: #FFFFCC;
	font-size: 1em;
	font-weight: bold;
}

.pbgridheader
{
	border: medium solid Black;
	background-color: #30223C;
	color: #FFFFCC;
	font-size: 1em;
	font-weight: bold;
}

.grideditrow
{
	background-color:#003366;
	color: #FFFFCC;
}

.pbaltrow
{
	background-color: #000066;
	color: #FFFFCC;
}

.pbgridbody
{
	background-color:#1C352C;
	color: #FFFFCC;
	font-size: 1em;
}

.megagridbody
{
	 background-color:DarkRed;
	  color:#E0E0E0;
	  font-size: 1em;
}

.megaaltrow
{
	 background-color: DarkSlateGray;
}
.info
{
	background-color: #FFFFCC;
	color: #003366;
}
