/* CSS Document */

/* ----- Contacts Module ----- */

/* ================================
    CSS STYLES FOR CORNERSTONE PORTAL 
    v1.1
   ================================
*/   


/* ----- Page Background ----- */
body {
	background-color:#A0A0A3; 
/*	background-image:url('../images/background.jpg');*/
	background-repeat:repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #333333;
	margin:0;
	padding:0 5 5 5;
	}

a {
	color:#003399;
	}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
background-color: white;
	}

.content {
/*	border-left:1px solid #999999;
	border-right:1px solid #999999;*/
	}

.RamFrontimage
{
	margin:3px;
	padding-bottom:2px;
	padding-top:3px;
	background-color:#F6E7EA;
}

.RamFrontimageName
{
	
	padding-bottom:6px;
}


/* ----- Header Controls ----- */
div#header {
	background-image:url('../images/Rams4Ewe_Masthead.jpg');
	background-repeat:no-repeat;
	height:129px;
	width:764px;
	padding:0;
	margin-top:5px;
	 margin-left:5px;
	
	}

div#header div.sponsors {
	float:right;
	margin: 6px 8px 0 0;
	}
	
div#header h1, div#header h2 {
	display:none;
	}	

div.printheader {
	display:none;
	}
		
/* ----- Top Menu Controls ----- */
div#navwrap {
	height: 25px;
	background-color:#C3453E;
	text-align:left;
	border-bottom:1px solid #999999;
	}

div#navbar {
	margin:  0 0 0 4;
	}
		
div#navbar div {
	border:solid 1px #C3453E;
	font-family: Verdana .Arial, Helvetica, sans-serif;
	color:C3453E;
	padding:5px;
	margin-left:8px;
	font-weight:bold;
	}
/*----- Member Login ----- */

div.memberlogin {
	position: absolute;
/* 	left: 50%;*/
 	top: 45px;	
	
	margin-left: 620px;

	width: 150px;
	z-index:5;

	}
	
div.loginbutton {
	border: 1px solid #999999;
	background-color: white;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	}
	
div.loginbutton a {
	/*color: #EA0000;*/
	color: #c7c669;
	text-decoration: none;
	background-color: 004684;
	padding: 3px 5px 3px 4px;
	display:block;
	}
	
div#loginbox{
	/*visibility: hidden;*/
	border: 1px solid #999999;
	border-width: 0 1px 1px 1px;
	background-color: white;
	padding: 10px 0 0 20px;
	display:none;
	height: 120px;
	}
	
div#loginbox a {
/*	color: #003399;*/

	margin-left:3px;
	text-decoration:none;
	}
	
div#loginbox input {
	margin-bottom: 5px;
	}
	
div#loginbox input.textfield {
	width: 120px;
	font-size:10px;
	}
	
/* ----- Welcome Controls ----- */
div#welcome {
	font-family:Verdana ,Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #004684;
	/*color: #C6C769;*/
	text-align:right;
	position: absolute;
/* 	border-left:1px solid #999999;
	border-right: 1px solid #999999;*/
	padding: 2 5 0 0;
	top: 70px;	
	margin-left: 628px;
	z-index:6;
	}
	
/* ----- Module Title Controls ----- */
.ModuleTitle   {
    font-family: Verdana ,Arial, Helvetica, sans-serif;
    font-size:  14px;
    font-weight: bold;
    color: #343434;
}

.ModuleTitleHR
{
	color:#c0c0c0;
}

.ModuleBanner
{
    font-family: Verdana ,Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: bold; 
    border-bottom: solid 1px #333333;
    text-align:Left;
}

/* ----- Basic Styles----- */
.Normal
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.NormalBold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.NormalItalic
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
}

.NormalTextBox
{
	border-right:  black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.NormalDropDown
{
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.LongTextBox
{
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
}

.LongDropDown
{
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
}

.Button
{
	background-color:gainsboro;
	border-right: darkgray 1px solid;
	border-top: darkgray 1px solid;
	border-left: darkgray 1px solid;
	border-bottom: darkgray 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-right:10px;
	}

.NormalGray
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:dimgray;
}

/* ----- Login Controls ----- */
.LoginTitle
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}

.LoginTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	width:200px;
}

/*currently redundant 
.LoginCtlTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:gainsboro;
}

.LoginCtlBg
{
	background-color:#00579c;
}

.LoginCtlLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
}

.LoginCtlTextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-style:none;
}

.LoginCtlButton
{
	background-color:#00579c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}*/

/* ----- Grid Controls ----- */
.GridControl
{
	width:100%;
}

.GridHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.GridItems
{
	background-color:#EFF1FA;
}

.GridAlternatingItems
{
	background-color:white;
}

.GridFooter
{
	background-color:whitesmoke;
	text-align:right;
}

.GridPager
{
	background-color:gainsboro;
	text-align:right;
}

/* ----- Grid Alpha Pager Controls ----- */
.GridPageControl
{
	text-align:center;
}

.GridDataPagerControl
{
	text-align:right;
}

.GridPageNormal
{
	background-color: white;
	font-size:10px;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
}

.GridPageSelected
{
	background-color: white;
	font-size:10px;
	color:#333333;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
}

/* ----- Grid Filter Control ----- */
.GridFilterDropDown
{
	border-right: black 1px solid;
	border-top:  black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:200px;
}


/* ----- Side Grid Controls ----- */
.SideGridContainer
{
	text-align:center;
	width:100%;
	border-right: #d5d5d5 1px solid;
    border-top: #d5d5d5 1px solid;
    border-left: #d5d5d5 1px solid;
    border-bottom: #d5d5d5 1px solid;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.SideGridControl
{
	width:100%;
	border-right: #d5d5d5 1px solid;
    border-top: #d5d5d5 1px solid;
    border-left: #d5d5d5 1px solid;
    border-bottom: #d5d5d5 1px solid;
}

.SideGridHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.SideGridItems
{
	background-color:ivory;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.SideGridAlternatingItems
{
	background-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.SideGridFooter
{
	background-color:whitesmoke;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
}

.SideGridPager
{
	background-color:gainsboro;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
}

/* ----- RichList Controls ----- */
.RichListControl
{
	width:100%;
	border-right: #d5d5d5 1px solid;
    border-top: #d5d5d5 1px solid;
    border-left: #d5d5d5 1px solid;
    border-bottom: #d5d5d5 1px solid;
    background-color:#F6E7EA;
}

.RichListHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:2 4 2 4;
}

.RichListItems
{
	background-color:#F6E7EA;
}

.RichListAlternatingItems
{
	background-color:#F6E7EA;
}

.RichListFooter
{
	background-color:#F6E7EA;
	text-align:right;
	border-top: #d5d5d5 1px solid;
	padding:2 4 2 4;
}
	
/* ----- Field List Controls ----- */
.FieldListControl
{
	border-right: #ebebeb 1px solid;
    border-top: #ebebeb 1px solid;
    border-left: #ebebeb 1px solid;
    border-bottom: #ebebeb 1px solid;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.FieldListControlCell
{
	width:49%;
	vertical-align:top;	
}

.FieldListControlPadCell
{
	width:2%;
}

.RowTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:left;
}
	

.FieldListLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    text-align:right;
    width:115px;
    background-color:#DADEF3;/* '#ebebeb  */
    border-style:solid;
    border-width:1px;
    border-color:#ebebeb;
}    

.FieldListLabelReq
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    text-align:right;
    width:115px;
    background-color:#FFB9B9;
    border-style:solid;
    border-width:1px;
    border-color:#FFB9B9; 
}

.FieldListDatabox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    background-color:Transparent;
    border-style:solid;
    border-width:1px;
    border-color:Gray;
    text-align:left;    
}

.FieldListDataArea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:250px;
    background-color:Transparent;
    border-style:solid;
    border-width:1px;
    border-color:Gray;
    text-align:left;
}

.FieldListIcon
{
	vertical-align:bottom;
}

.FieldListCheckBox
{
	border-style:none;
}

.FieldListHidden
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-style: none;
    background-color:White;
    color:White;
    width:1px;
}

.FieldListLabelLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    font-weight:bold;
    width:115px;
    background-color:#EFF1FA; /*#d5d5d5;*/
    border-style:solid;
    border-width:1px;
    border-color:white;
    text-align:right;   
}

.FieldListLabelText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
    width:70%;
    background-color:#DADEF3;/* '#ebebeb  */
    border-style:solid;
    border-width:1px;
    border-color:white;
}

.FieldListPicture
{
	margin-left: 20;
	border: solid 1px #333333;
}

/* ----- Button Controls ----- */
div.buttonwrap 
{
	margin:10px 0 10px 0;
	}
	
div.spotbuttonred, div.spotbuttonblue, div.spotbuttongreen {
	background-repeat:no-repeat;
	background-position: right center;
	padding: 5px 0 5px 0;
	display:inline;
	margin-right:10px;
	}
	
div.spotbuttonred div, div.spotbuttonblue div, div.spotbuttongreen div {
	padding: 5px 0 5px 10px;
	margin-right: 10px;
	margin-top:1px;
	display:inline;
	background-repeat:no-repeat;
	background-position: 0px 1px;
	}
	
div.spotbuttonred a, div.spotbuttonblue a, div.spotbuttongreen a {
	text-decoration:none;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:14px;
	font-weight:bold;
	}
	
/* ----- red ----- */

div.spotbuttonred {
	background-image:url("../images/button_red_corner.gif");
	}
	
div.spotbuttonred div {
	background-image:url("../images/button_red_bg.gif");
	}

/* ----- blue ----- */

div.spotbuttonblue {
	background-image:url("../images/button_blue_corner.gif");
	}
	
div.spotbuttonblue div {
	background-image:url("../images/button_blue_bg.gif");
	}
	
/* ----- green ----- */

div.spotbuttongreen {
	background-image:url("../images/button_green_corner.gif");
	}
	
div.spotbuttongreen div {
	background-image:url("../images/button_green_bg.gif");
	}
	
div.spotbuttongreen a {
	color: #333333;
	}
	
/* ----- Miscellaneous Controls ----- */

.ErrorLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
    color:Red;
    width:80%;
    background-color:Transparent;
}

/* ----- HTML Editor Controls ----- */
.HTMLNormal6pt
{
	font-size:6pt;
}

.HTMLNormal7pt
{
	font-size:7pt;
}

.HTMLNormal8pt
{
	font-size:8pt;
}

.HTMLNormal9pt
{
	font-size:9pt;
}

.HTMLNormal10pt
{
	font-size:10pt;
}

.HTMLNormal11pt
{
	font-size:11pt;
}

.HTMLNormal12pt
{
	font-size:12pt;
}

.HTMLBold6pt
{
	font-size:6pt;
	font-weight:bold;
}

.HTMLBold7pt
{
	font-size:7pt;
	font-weight:bold;
}

.HTMLBold8pt
{
	font-size:8pt;
	font-weight:bold;
}

.HTMLBold9pt
{
	font-size:9pt;
	font-weight:bold;
}

.HTMLBold10pt
{
	font-size:10pt;
	font-weight:bold;
}

.HTMLBold11pt
{
	font-size:11pt;
	font-weight:bold;
}

.HTMLBold12pt
{
	font-size:12pt;
	font-weight:bold;
}

/* ----- LinkList Controls ----- */
.LinksListHeader
{
	Font-Size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	background-color:#0000FF;
	color:white;
	
}

.GridBorderLinks
{
	border-right: #00579c 3px solid;
    border-top: #00579c 3px solid;
    border-left: #00579c 3px solid;
    border-bottom: #00579c 3px solid;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;	  
}	  

/* ----- Footers ----- */

.footercontent {
	/*border-top: 1px solid #999999;*/
	}

div#sponsorsfooter {
	clear:both;
	padding:7px;
	margin: 0 auto 0 auto;
	border: 1px solid #999999;
	border-top-width:0;
	}
	
div#sponsorsfooter div {
	float:left;
	padding: 0 0 0 10px;
	font-size:12px;
	font-weight:bold;
	}

div#sponsorsfooter img {
	border:0;
	margin-right:8px;
	}
	
div#footer {
	width: 764px;
	height:56px;
	text-align:left;
	margin: 0 auto 0 auto;
	margin-left:5px;
	margin-right: 5px;
	Padding-left:120px;
	background-image:url('../Images/Ram4u_bg_foot.jpg');
	background-repeat:no-repeat
	}
	
div#footer div.links {
	margin-top:11px;
	color: #FFFFFF;
	}
	
div#footer a {
	color: #FFFFFF;
	text-decoration:none;
	}
	
div#footer a:hover {
	text-decoration:underline;	
	}
	
div#footer div.addresses {
	margin-top: 8px;
	}

div.afterwrapperlinks {
	color: #999999;
	margin-top: 8px;
	text-align:center;
	}
	
div.afterwrapperlinks a {
	color: #999999;
	text-decoration:none;
	}
	
div.afterwrapperlinks a:hover {
	color: #333333;
	text-decoration:underline;
	}