/* Reset all elements */

body {
	background:#FFFFFF url(images/background.jpg) repeat-x;
	margin:0;
	padding:0;
	color:#173c61;
	font-family:Arial;
	font-size:13px;
}

img 
{
	vertical-align:middle;
	border:0;
}

a {
	color:#3b6b9a;
	text-decoration:none;
}

a:hover 
{
	text-decoration:underline;
}

p 
{
	margin:13px 0;
}

/* - LRC SPECIFIC FONTS -------------------------------------------------------------------- */

/* Use for the heading of each page */
h1 {
	font-family:Gill Sans,Gill Sans MT,Tahoma;
	font-size:26px;
	color:#224d78;
	font-weight:normal;
	border-bottom:2px solid #319bc2;
}

/* Use for darker bold fonts: like in the Step 1, 2, 3, x, and etc. */
.boldtext 
{
	font-weight:bold;
	color:#3b6b9a;
}

/* Use for lighter bold fonts: like description of each Lesson or Step */
.boldhighlighttext 
{
	color:#319bc2;
}

/* Use for highlighting specific words, phrases, or blocks of text */
.highlighttext 
{
	color:#319bc2;
}

/* Use for highlighting text in a large format, to draw attention to it */
.largetext 
{
	color:#3b6b9a;
	font-size:24px;
	font-family:Trebuchet,Trebuchet MS,Verdana,Arial;
}

/* Medium sized text, sometimes used in the right hand pane */
.mediumtext {
	font-size:18px;
	font-family:Trebuchet,Trebuchet MS,Verdana,Arial;
}

.errortext 
{
	color:#ff0000;
	font-weight:bold;
	font-family:Verdana;
	font-size:13px;
}

.nav 
{
	font-family:Verdana;
	font-size:14px;
	color:#3b6b9a;
	list-style-type:none;
}

li.navselected div 
{
	float:left;
	font-weight:bold;
}

li.navselected div.divtext
{
	width:132px;
	border-bottom:2px solid #319bc2;
	margin-left:6px;
}

li.navselected ul
{
	list-style-type:none;
	margin-top:4px;
	margin-left:0px;
}

li.navselected div.divinnertext
{
	width:161px;
	margin-left:0px;
}

.nav li 
{
	margin-left:0;
	padding-top:20px;
	padding-bottom:2px;
	width:161px;
}

li.navselected
{
	margin-left:0;
	margin-bottom:20px;
}

.navselected a:hover 
{
	text-decoration:none;
}


.rightcol 
{
	padding-left:15px;
}

table.datatable td
{
	padding-bottom:3px;
}

/* ----------------------------------------------------------------------------------------- */
/* This definition provides support for rounded corner type boxes */

.rounded-box {
    margin: 0.5in auto;
    width: 60%;
    text-align: center;
    border: 1px solid #173C61;
	padding:15px;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.rounded-info-1 
{
	background:#BDE5F8;
    margin: 10px;
    width: 225px;
    text-align: left;
    border: 1px solid #173C61;
	padding:15px;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* ----------------------------------------------------------------------------------------- */
/* These two definitions are for the two column layout where the main column is on the right */
.Type2LeftCol 
{
	float:left;
	width:179px;
	margin-right:5px;
}

.Type2RightCol 
{
	float:left;
	width:539px;
}

/* ----------------------------------------------------------------------------------------- */
/* These two definitions are for the two column layout where the main column is on the left */
.Type1LeftCol 
{
	width:500px;
	float:left;
	margin-right:20px;
}

.Type1RightCol 
{
	float:left;
	width:213px;
}


/* Use this for creating a div to clearing floats */
.cleardiv {
	clear:both;
}

/* Position Body Elements */

#bodycontainer {
	text-align:center;
	width:100%;
}

#bodycenter {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:794px;
}

#bodyheader {
	background:#FFFFFF;
}

#bodyheader div.header_left {
	padding-top:20px;
	float:left;
}

#bodyheader div.header_right {
	float:right;
	margin-right:6px;
}

#bodyheader div.header_nav {
	margin-top:1px;
	margin-bottom:2px;
	background:url(images/blue-bar.jpg) no-repeat;
	height:18px;
	width:794px;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:5px 5px 7px 5px;
	line-height:20px;
	color:#FFFFFF;
}

#bodyheader div.header_nav a {
	font-family:Verdana;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
}

#bodyheader div.header_nav div.nav_item {
	padding:0 15px;
	text-align:center;
	float:left;
}

#bodyheader div.header_flash {
	background:url(images/top-blue-box.jpg) no-repeat;
	margin-top:1px;
	width:788px;
	height:222px;
	padding-top:6px;
	padding-left:6px;
	text-align:center;
	color:#FFFFFF;
}

#bodyheader div.header_flash div {
	margin-top:1px;
	width:781px;
	height:201px;
	padding-top:1px;
	padding-left:1px;
}

#bodyheader div.header_flash_slim {
	background:url(images/top-blue-box-smaller.jpg) no-repeat;
	margin-top:1px;
	width:788px;
	height:85px;
	padding-top:6px;
	padding-left:6px;
}

#bodyheader div.header_flash_slim div {
	margin-top:1px;
	width:781px;
	height:67px;
	padding-top:1px;
	padding-left:1px;
}

#bodycontent {
	background:url(images/middle-blue-background.jpg) repeat-y #FFFFFF;
	padding:20px 30px 10px 30px;
	width:734px;
}

#bodyfooter {
	background:url(images/blue-bar-footer.png) no-repeat;
	height:65px;
	width:794px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
	padding-top:20px;
}

#bodyfooter a {
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
}



/* EXISTING STYLES */

/*Message Box*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}

.info p, .success p, .warning p, .error p {
    padding: 0px 50px;
    text-align:center;
}
.info a, .success a, .warning a, .error a {
    float: right;
    cursor:pointer;
    padding-top:5px;
}

.messageheader
{
    background: url(images/sprite.png) repeat-x 0px -200px; 
    height:18px;
    padding:5px;
    border-bottom: solid 1px black;
}

.messageheadertext
{
    color: Black;
    float:left;
    font-weight:bold;
}

.messagefooter
{
    text-align:center;
    padding-top: 5px;
}

.messagemodalbackground
{
    background-color:Gray;
    filter:alpha(opacity=50);
    opacity:0.6;
    z-index:998;
}

/* validation */
.validation {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.validation ul
{
	padding: 0px 30px;
}

/* ----------------------------------------------------------------------------------------- */
/* ZIP Code Selector Styles                                                                  */
#zips_serviced  {
	padding:3px;
	height:175px;
	overflow-y:scroll;
	border-bottom:2px solid #319BC2;
}

#zip_selector_left 
{
	float:left;
	width:435px;
}

#zip_selector_right 
{
	float:left;
	width:198px;
	border-left:2px solid #319BC2;
	height:245px;
}

/* ----------------------------------------------------------------------------------------- */
/* Other Selector Styles                                                                  */
#certs_listed, #assets_listed, #vendors_listed, #networks_listed, #servicers_listed  {
	padding:3px;
	height:175px;
	overflow-y:scroll;
	border-bottom:2px solid #319BC2;
}

.selector_left 
{
	float:left;
	width:435px;
}

.selector_right 
{
	float:left;
	width:198px;
	border-left:2px solid #319BC2;
	height:245px;
}

/* ----------------------------------------------------------------------------------------- */

#myviewtable td
{
	vertical-align:top;
	padding-bottom:8px;
}