﻿/*
---------------------------------------------
CSS custom
--------------------------------------------- */

/* PNG Fix */
img, div, input { 
    behavior:url('/App_Themes/WRG_Default/Images/iepngfix.htc');
}

/*--------- Layout----------*/
.divPage {
	width:988px;
	text-align:left;
	position:relative;
	display:table;
	margin: 0 auto;
}

.divHome div div div {
    width:100%;
}

.divHome .span_form_label {
    font-weight:normal;
    font-size:8pt;
    line-height:11pt;
    color:#000000;
}

.divHome .divButton {
    text-align:right;
    vertical-align:bottom;
}

.divHome .dropdown {
    width:225px;
}

.divHome .btn_Go {
    background:url('/App_Themes/WRG_Default/Images/go.gif');
    cursor:hand;
    width:50px;
    border:solid 0px #000000;
    height:20px;
}

.divSubPage .divSubPageContainer {
     width:100%; 
     margin-left:15px; 
     padding-right:5px;
}

.divSubPage .span_form_label {
    font-weight:normal;
    font-size:8pt;
    line-height:11pt;
    color:#ffffff;
}

.divSubPage .btn_Go {
    background:url('/App_Themes/WRG_Default/Images/golight.png');
    cursor:hand;
    width:56px;
    border:solid 0px #000000;
    height:29px;
}

.divRBL ul li {
    list-style-type:none;
}

.bluehomebox {
    border:double 4px #b8b7ce;
    background-image: url('/App_Themes/WRG_Default/images/blueboxtile.jpg');
    background-repeat:repeat-x;
}

/*--------- Links ----------*/
a:link.leftnav {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#5f5f5f;
    display:block;
    padding:1px 0px 15px 5px;
}

a:active.leftnav {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#5f5f5f;
    display:block;
    padding:1px 0px 15px 5px;
}

a:visited.leftnav {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#5f5f5f;
    display:block;
    padding:1px 0px 15px 5px;
}

a:hover.leftnav {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#030151;
    display:block;
    padding:1px 0px 15px 5px;	
}

a:link.leftnav_Current {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#030151;
    display:block;
    padding:1px 0px 15px 5px;
}

a:active.leftnav_Current {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#030151;
    display:block;
    padding:1px 0px 15px 5px;
}

a:visited.leftnav_Current {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#030151;
    display:block;
    padding:1px 0px 15px 5px;
}

a:hover.leftnav_Current {
    font-weight:bold;
    font-size:8pt;
    line-height:11pt;
    color:#5f5f5f;
    display:block;
    padding:1px 0px 15px 5px;	
}

a:link.topnav {
    font-weight:bold;
    font-size:8pt;
    line-height:12pt;
    color:#030151;
}

a:active.topnav {
    font-weight:bold;
    font-size:8pt;
    line-height:12pt;
    color:#030151;
}

a:visited.topnav {
    font-weight:bold;
    font-size:8pt;
    line-height:12pt;
    color:#030151;
}

a:hover.topnav {
    font-weight:bold;
    font-size:8pt;
    line-height:12pt;
    color:#c5c5c5;
}

a:link.bottomLink {
    font-weight:bold;
    font-size:11pt;
    line-height:19pt;
    color:#ffffff;
}

a:active.bottomLink {
    font-weight:bold;
    font-size:11pt;
    line-height:19pt;
    color:#ffffff;
}

a:visited.bottomLink {
    font-weight:bold;
    font-size:11pt;
    line-height:19pt;
    color:#ffffff;
}

a:hover.bottomLink {
    font-weight:bold;
    font-size:11pt;
    line-height:19pt;
    color:#c5c5c5;
}

a:link.footer {
    font-weight:normal;
    font-size:8pt;
    line-height:11pt;
    color:#ffffff;
}

a:active.footer {
    font-weight:normal;
    font-size:8pt;
    line-height:11pt;
    color:#ffffff;
}

a:visited.footer {
    font-weight:normal;
    font-size:8pt;
    line-height:11pt;
    color:#ffffff;
}

a:hover.footer {
    font-weight:normal;
    font-size:8pt;
    line-height:11pt;
    color:#c5c5c5;
}

/*--------- Custom ----------*/
.pageHeader {
    font-weight: bold;
    font-size: 11pt;
    line-height:16pt;
    display:block;
    border-bottom:solid 1px #000000;
    color:#030151;
}

.error {
    color:#ff0000;
    font-weight:bold;
}

.pLeftNav {
    margin-bottom:2px;
}

.tblSubPage_Personal {
    background-image:url('/App_Themes/WRG_Default/Images/subpersonalphoto.jpg');
    background-repeat:no-repeat;
    margin-bottom:20px;
    padding:15px 15px 15px 15px;
}

.tblSubPage_Commercial {
    background-image:url('/App_Themes/WRG_Default/Images/subcommercialphoto.jpg');
    background-repeat:no-repeat;
    margin-bottom:20px;
    padding:15px 15px 15px 15px;
}

.tblSubPage_Farm {
    background-image:url('/App_Themes/WRG_Default/Images/subfarmphoto.jpg');
    background-repeat:no-repeat;
    margin-bottom:20px;
    padding:15px 15px 15px 15px;
}

.tblSubPage_Default {
    background-image:url('/App_Themes/WRG_Default/Images/subgenericphoto.jpg');
    background-repeat:no-repeat;
    margin-bottom:20px;
    padding:15px 15px 15px 15px;
}

.tdSubHeaderText {
    font-weight:bold;
    font-size:8pt;
    line-height:13pt;
    color:#030151;
    font-style:italic;
}

.whiteText {
    font-weight:normal;
    font-size:8pt;
    line-height:12pt;
    color:#ffffff;
}

.whiteTextLarge {
    font-weight:bold;
    font-size:11pt;
    line-height:19pt;
    color:#ffffff
}

.blueText {
    font-weight:normal;
    font-size:8pt;
    line-height:13pt;
    color:#030151;
}

.blueTextLarge {
    font-weight:bold;
    font-size:11pt;
    line-height:13pt;
    color:#030151;
}

.blueHeader {
    font-weight:bold;
    font-size:11pt;
    line-height:16pt;
    display:block;
    border-bottom:solid 1px #000000;
    color:#030151
}

.blueBoldUnderline {
    font-weight:bold;
    font-size:8pt;
    line-height:13pt;
    color:#030151;
    display:block;
    border-bottom:solid 1px #000000;
}

.verticallines {
    border-left:solid 1px #c5c5c5;
    border-right:solid 1px #7f7ffc;
}

/* Input Controls */
.singleLineTextBox {
	height:16px;
	width:120px;
}

.divHome .singleLineTextBox {
    height:16px;
	width:188px;
}

.divSubPage .singleLineTextBox {
	height:16px;
	width:161px;
}

.fileUpload {
	font-family:Arial;
	height:16px;
	width:200px;
}

.multiLineTextBox {
	height:100px;
	width:500px;	
}

.passwordTextBox {
	height:16px;
	width:120px;
}

.shortTextBox {
	width:80px;	
}

.longTextBox {
	width:270px;		
}

.tinyTextBox {
	width:30px;
}

.dropDownList {
}

.radioButtonList {
}

.checkBoxList {	
}

.singleSelectListBox {
	height:200px;
	width:200px;
}

.multiSelectListBox {
	height:130px;
	width:150px;	
}

.button {
	width:96px; 
	height:34px; 
	color:#ffffff; 
	border:solid 0px #ffffff;	
}

/*-------------------------------------News---------------------------------*/ 
   
/* News List */
.sf_newsList 
{
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.sf_newsList li
{
	margin: 0 0 20px;
	padding: 0;
	list-style-type: none;
}
.sf_newsList li h2.sf_newsTitle
{
	font-weight:bold;
	font-size:10pt;
	font-family:Verdana;
	margin:0px 0px 0px 0px;
}

.sf_singleNews h2.sf_NewsTitle
{
	font-weight:bold;
	font-size:10pt;
	font-family:Verdana;
	margin:0px 0px 0px 0px;
}

.sf_newsList li .sf_newsDate 
{
	font-size: .9em;
	color:#ffffff;
	margin:0px 0px 0px 0px;
}
.sf_newsList .sf_newsSummary 
{	

}
.sf_newsList .sf_newsSummary img 
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
/* News tag list */
dl.sf_newsTagList 
{
}
dl.sf_newsTagList dt, dl.sf_newsTagList dd
{
	display: inline;
}
/* Pager */
ol.sf_pager 
{
	margin: 10px 0;
	padding: 0;
	width: 100%;
	float: left;
	list-style: none;
	clear: both;
}
ol.sf_pager li
{
	margin: 0;
	padding: 0 10px 0 0;
	width: auto;
	float: left;
}
ol.sf_pager li a
{
	padding: 3px 5px;
}
ol.sf_pager li a[disabled="disabled"], ol.sf_pager li a.sf_PagerSelItem
{
	color: #666;
	text-decoration: none;
	cursor: default;
} 

/*-------------------------------------Lists---------------------------------*/ 
.sf_expandedList li {

}

.sf_listTitle {
    display:none;
}

.sf_expandedList {
    list-style-type:none;
    padding-left:0em;
    text-indent:-1.75em;
    margin-left:0px;
}

.sf_listItemTitle {

}

.sf_listItemBody {

}

/*-------- Drop Downs ----------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {position:relative; z-index:100;	width: 221px;	height: 50px; color:#000000;}
	
/* style the links for the top level */
.menu a, .menu a:visited {display:block; font-size:11px; text-align:left; text-decoration:none; color:#000000; width:221px; height:50px; border:0px solid #ffffff; border-width:0px 0 0px 0px; background:#ffffff; padding-left:0px; line-height:29px;}	

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; width:221px; position:relative; color:#000000;}

.menu ul {padding:0; margin:0; list-style: none; list-style-type:none; color:#000000;}

.menu ul li {float:left; position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:221px; height:50px; color:#000000; border:px solid #ffffff; border-style:solid; background:#ffffff; font-size:8pt; font-weight:bold; overflow:hidden;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#000000; background:#ffffff;}
.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; width:221px;}
.menu ul li:hover ul li a.hide {background:#ffffff; color:#000000;}
.menu ul li:hover ul li:hover a.hide {background:#ffffff; color:#000000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a:hover {background:#ffffff; color:#000000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:221px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-221px;}
.menu ul li:hover ul li a {	display: block;	background: #cccccc;color: #000000;vertical-align: middle;}

.menu ul li ul {display: none;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:221px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#6a6a6a; color:#000000; height:auto; padding:0px 0px; width:219px; border-width:1px 1px 1px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000000; background:#000000;}
.menu :hover > a, .menu ul ul :hover > a {color:#000000 ;background:#000000;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}