/* Default Elements */
html {text-align: center; margin:0;}
body {font-family:Arial, Verdana, Helvetica, sans-serif;height: 100%;margin-top: 0;	margin-bottom: 0;margin-left: 0;margin-right: 0;background: url(../resources/$master_graphics/$FILE/bg_Main.jpg) #000 repeat-x;	background-position: 0px 10px;	font-family: Arial, Verdana, Helvetica, sans-serif;text-align: center; }
h2 { margin :1px;font-size:14pt;font-weight:bold; margin-top:12px;}
h3 { font-size:10pt;font-weight:bold;}
h4 { margin:0; }
#Wrapper { position: relative;margin:0 auto;z-index: 1;margin-top: 10px;background: url(../resources/$master_graphics/$FILE/WaterMark.gif) no-repeat;background-position: 0px 20px;
}
.disclaimer {
font-size: 10px;
color: #999999;
}
td {
padding:0;
margin:0;
font-size:11px;
}
#BottomEdge {
position: relative;
width: 760px;
height: 9px;
margin-left: auto;
margin-right: auto;
clear: left;
}
#BottomEdgeLeft {
background: url(../resources/$master_graphics/$FILE/bg_Main_BottomLeft.gif) no-repeat;
/*	position: absolute; */
width: 7px;
height: 100%;
float: left;
}
#BottomEdgeMiddle {
background: url(../resources/$master_graphics/$FILE/bg_Main_Bottom.gif) repeat-x;
/*	position: absolute; */
left: 7px;
width: 746px;
height: 100%;
float: left;
}
#BottomEdgeRight {
background: url(../resources/$master_graphics/$FILE/bg_Main_BottomRight.gif) no-repeat;
/*	position: absolute; */
left: 753px;
width: 7px;
height: 100%;
float: left;
}
#WrapperRightFix { /*If screen displays at a very high res.*/
position: absolute;
width: 100%;
height: 100%;
background: url(../resources/$master_graphics/$FILE/TopWave_Right.gif) repeat-x top;
z-index: 0;
}
#Watermark1 { /*Top Wave in background*/
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 346px;
background: url(../resources/$master_graphics/$FILE/TopWave.gif) no-repeat top left;
}
#Watermark2 { /*Rawson Logo*/
position: absolute;
left: 0;
top: 20px;
width: 119px;
height: 576px;
background: url(../resources/$master_graphics/$FILE/WaterMark.gif);
}
#TopContainer { /*Box that floats centered*/
position: relative;
width: 760px; /*Fits into 800 x 600 res*/
background: url(../resources/$master_graphics/$FILE/bg_RightEdge.gif) repeat-y right #FFFFFF;
margin-left: auto;
margin-right: auto;
z-index: 5;
text-align: left;
}
#Header { /*The Top Header Area*/
position: relative;
width: 760px;
height: 149px;
background: url(../resources/$master_graphics/$FILE/bg_TopHeader.gif) no-repeat top #FFFFFF;
}
#Animation {
position: relative;
width: 573px;
height: 110px;
float: left;
}
#Logo {
position: relative;
background: url(../resources/$master_graphics/$FILE/Logo.gif);
width: 169px;
height: 106px;
float: left;
left: 5px;
}
#TopNavigation {
clear: left;
position: absolute;
top: 110px;
left: 1px;
width: 758px;
height: 43px;
background: url(../resources/$master_graphics/$FILE/bg_TopNav.gif) no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#TopNavigation ul { /*1st Level*/
margin:0 0 0 12px;
padding-right:0;
padding-left:0;
}
#TopNavigation ul li { /*1st Level*/
float: left;
list-style: none;
}
#TopNavigation a, #TopNavigation acronym, #TopNavigation .off {
position: relative;
top: 7px;
padding-bottom: 20px; /*top level's height*/
}
#TopNavigation ul a, #TopNavigation .off {
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #DDDDDD;
}
#TopNavigation ul a:link, #TopNavigation ul a:visited {
color: #FFFFFF;
}
#TopNavigation ul a:hover, #TopNavigation ul a:active {
color: #FFCC33;
}
#TopNavigation ul acronym { /*Piping between links*/
font-size: 12px;
color: #FFFFFF;
padding-left: 12px;
padding-right: 12px;
}
#TopNavigation ul ul {
margin: 0;
clear: left;
}
#TopNavigation ul ul li {
position: relative;
z-index : 1;
}
#TopNavigation ul ul a {
font-size: 10px;
font-weight: 100;
position: absolute;
text-decoration: none;
width: 150px;
padding-bottom: 0;
}
#TopNavigation ul ul a:link, #TopNavigation ul ul a:visited {
background: url(../resources/$master_graphics/$FILE/bg_TopSubNav.gif) #333333;
color: #FFFFFF;
padding: 5px;
}
#TopNavigation ul ul a:hover, #TopNavigation ul ul a:active {
background: url(../resources/$master_graphics/$FILE/bg_TopSubNav_Hover.gif) #666666;
color: #FFCC33;
padding: 5px;
}
#TopNavigation ul ul a span {
font-size: 10px;
color: #888;
padding: 5px;
}
div#TopNavigation ul ul {
display: none;
}
div#TopNavigation ul li:hover ul, div#TopNavigation ul ul li:hover ul ul{
display: block;
}
#FeatureContainer {
position: relative; 
width: 760px; /*Fits into 800 x 600 res*/
background: url(../resources/$master_graphics/$FILE/bg_RightEdge.gif) repeat-y right #FFFFFF;
margin-left: auto;	
margin-right: auto;
padding-top: 5px;
padding-bottom:10px;
z-index: 4;
text-align: left;
}
#FeatureContainer br {
clear: both;
}
#LeftCell {
position: relative;
float: left;
width: 152px;
min-height: 320px;
z-index: 1;
background: #FFFFFF;
text-align: left;
}
#RightCell {
position: relative;
float: left;
width: 77%;
min-height: 320px;
z-index: 0;
margin-bottom: 1px;
background: #FFFFFF;
padding-left:5px;
text-align: left;
}
#MainCell {
position: relative;
float: left;
width: 756px;
min-height: 20px;
z-index: 0;
margin-bottom: 5px;
background: #FFFFFF;
text-align: left;
}
#Feature {
position: relative;
width: 100%;
height: 240px;
background: #FFFFFF;
text-align: left;
}
.Split {
position: absolute;
left: 10px;
background: url(../resources/$master_graphics/$FILE/LeftNav_Split.gif) repeat-x;
width: 126px;
height: 2px;
}
#ContentContainer {
position: relative;
margin-left: auto;
margin-right: auto;
background: url(../resources/$master_graphics/$FILE/bg_RightEdge.gif) repeat-y right #FFFFFF;
width: 760px;
z-index: 5;
text-align: left;
}
#ContentContainer br {
clear: both;
}
#Content {
}
#LeftBox {
padding-top: 1px;
}
#More {
position: relative;
float: left;
left: 15px;
width: 120px;
text-align: center;
font-size: 11px;
color: #666666;
}
.floatright {
float: right;
margin: 0;
padding: 1px;
}
.floatleft {
float: left;
margin: 0;
padding: 1px;
margin-top: 5px;
}
#CenterBox {
background: url(../resources/$master_graphics/$FILE/box_content_middle.gif) repeat-y;
float: left;
position: relative;
width: 351px;
margin-left: 2px;
margin-right: 3px;
margin-top: 5px;
border-bottom: 1px solid #999999;
}
#RightBox {
float: left;
position: relative;
width: 246px;
}
#RightBox img {
padding-top: 5px;
}
#BottomLinks {
background: url(../resources/$master_graphics/$FILE/bg_RightEdge.gif) repeat-y right #FFFFFF;
position: relative;
width: 760px;
margin-left: auto;
margin-right: auto;
text-align: center;
z-index: 0;
clear: left;
}
#BottomLinks a, #BottomLinks .off {
font-size: 10px;
text-decoration: none;
color: #999999;
}
#BottomLinks a:link, #BottomLinks a:visited {
color: #999999;
}
#BottomLinks a:hover, #BottomLinks a:active {
color: #333333;
}
#BottomLinks acronym {
font-size: 10px;
color: #FFCC33;
padding-left: 3px;
padding-right: 3px;
}
#Footer {
position: relative;
width: 760px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
padding-bottom: 20px;
}
.credit {
font-size: 11px;
color: #999999;
float: left;
}
#Credits {
font-size: 10px;
color: #999999;
float: left;
}
#Credits a:link, #Credits a:visited {
color: #999999;
text-decoration: none;
}
#Credits a:hover, #Credits a:active {
color: #FFFFFF;
text-decoration: none;
}
#Copyright {
font-size: 10px;
color: #999999;
float: center;
}
#Copyright acronym {
color: #FFCC33;
font-weight: bold;
}
/* ---- Rounded CSS ---- */
.Dynamic {
background: #FFFFFF;
float: left;
margin: 4px 0px 6px 6px !important;
margin: 4px 0px 6px 9px;
display: inline;
}
.DynamicTitle {
background: url(../resources/$master_graphics/$FILE/dynbg.gif) repeat-x;
height: 28px;
position: relative;
margin-right: 0px !important;
margin-left: 0px !important;
top: 0px !important;
margin-right: 1px;
margin-left: 0px;
top: 2px;
}
.DynamicTitleBlack {
background: url(../resources/$master_graphics/$FILE/dynbg_black.gif) repeat-x;
height: 28px;
position: relative;
margin-right: 0px !important;
margin-left: 0px !important;
top: 0px !important;
margin-right: 1px;
margin-left: 0px;
top: 2px;
}
.DynamicTitle img, .DynamicTitleBlack img {
position: relative;
top: -5px;
left: -6px !important;
left: -8px;
float: left;
}
.DynamicTitle span, .DynamicTitleBlack span {
position: relative;
top: 5px !important;
top: 1px;
font-size: 11px;
font-weight: bold;
color: #666666;
padding-left: 0px;
left: -2px !important;
left: -5px;
}
.DynamicTitleBlack span {
color: #FFF;
}
.DynamicContent {
margin: 8px 0px 5px 0px !important;
margin: 7px 5px 0px 0px;
font-size: 11px;
height: auto;
}
/* --- end rounded css --- */
#WelcomeUser, #WelcomeText {
display:inline;
position: relative;
top: 5px;
font-weight: bold;
font-size: 11px;
color: #666666;
}
#WelcomeUser {
font-weight: normal;
}
#WelcomeText {
width: 400px;
xfloat:left;
}
.content-prop {
height:100%;
float:right;
width:1px;
}
.content-clear {
clear:both;
height:1px;
overflow:hidden;
}
.contententry{ 
font: 1em Arial,Verdana,Sans-Serif;
padding:5px;
}
.contententry p{ 
font: 1.2em Arial,Verdana,Sans-Serif;
}
.contententry h1 {
font-size:1.3em;
font-weight:bold;
color:#D8AA2D;
margin-bottom:5px;
}
.contententry h1 a:link,  .contententry h1 a:active, .contententry h1 a:visited{
color:#D8AA2D;
text-decoration:none;
}
.contententry h1 a:hover {
color:#D8AA2D;
text-decoration:underline;
}
.contententry h2, .commententry h2 {
color:#999;
font-weight:normal;
font-size:.6em;
margin:0;
padding:0;
border:0;
}
.contentcomments {
color:#999;
margin-top:-19px;
margin-left:350px;
position: relative;
float:right;
}
.contentcomments img {
margin:0;
padding:0;
}
#comments h1 {
font-size:.8em;
font-weight:bold;
color:#D8AA2D;
margin-bottom:5px;
}
.commententry {
font: 0.9em "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
margin:15px 0px 5px 0px;
}
.commententry p {
line-height:1.5em;
}
.commententry h2 {
font-size:.7em;
font-weight:bold;
border-bottom:1px solid #ccc;
}
.commententry h3 {
color:#999;
font-weight:bold;
margin-top:-15px;
float:right;
}
.contentfooter {
ccolor:#999;
font-weight:bold;
font-size:.7em;
border-bottom: 1px dotted #ccc;
}
.contentfooter ul {
margin: 0;
white-space: nowrap;
padding: 0;
}
.contentfooter li {
display: inline;
list-style-type: none;
}
.contentfooter li a:active, .contentfooter li a:visited,.contentfooter li a:link{
color:#999;
padding: 0px 4px 0px 15px;
background: url(../resources/$master_graphics/$FILE/icon_bullet.gif) 0px 0px no-repeat;
text-decoration:none;
}
.contentfooter li a:hover{
color:#000;
background: url(../resources/$master_graphics/$FILE/icon_bullet_hover.gif) 0px 0px no-repeat;
}
.sorttable {
font:11px verdana, sans-serif;
border-right:1px solid #ccc;
width : 100%;
}
.sorttable td{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:2px;
}
.sorttable thead th{
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font:11px verdana, sans-serif;
font-weight:bold;
}
.sorttable thead td{
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border:1px solid #000;
padding:2px;
margin:0;
font:11px verdana, sans-serif;
text-decoration:underline;
cursor:pointer;
font-weight:bold;
}
.sorttable thead td.small{
font-size:8pt;font-family:arial,sans-serif;
}
.tag1 { font-size: 1em; }
.tag2 { font-size: 1.2em; }
.tag3 { font-size: 1.4em; }
.tag4 { font-size: 1.6em; }
.tag5 { font-size: 1.8em; }
.tag6 { font-size: 2em; }
#tagcloud {
width:90%;
margin:0px;
line-height:2em;
}
.title {
width:400px;
font-weight:bold;
text-align:center;
background-color:#404040;
color:#fff;
}
#files table {
width: 400px;
}
.embedded th {
background-color:#dedede;
font-size:9pt;
border:1px solid #c0c0c0;
}
/* styles for the views */
#view {
overflow: auto;
}
#view table {
width: 100%;
}
#view a {
text-decoration: none;
color: #666;
}
#view th {
border:1px none #888888;
padding: 2px;
font-size: 9pt;
font-family: sans-serif;
background-color: #000;
color: #fff;
text-decoration:underline;
}
#view td {
border-top:0;
color: #666;
border-right:0;
border-left:0;
border-bottom:1px solid #c9c9c9;
padding: 2px;
font-size: 9pt;
font-family: sans-serif;
}
#vwActions {
text-align: right;
padding-right: 4px;
padding-top: 2px;
padding-bottom: 2px;
font-family: sans-serif;
font-size: 8pt;
}
#vwActions a {
text-decoration: none;
color: #333333;
}
#vwActions a:hover {
text-decoration: underline;
color: #333333;
}
#viewFooter {
width: 100%;
background-color: #7c90cd;
color: #fff;
font-family: sans-serif;
font-size: 8pt;
}
#viewFooter td {
width: 48%;
}
.alert {
border:1px solid orange;
padding:10px 15px;	
background:#fafad2;
font-size : 9pt;
font-weight : normal;
color : red;
text-align:left;
width : 70%;
margin-top:10px;
}
.advice,advisory {
border:1px solid #000;
padding:10px 15px;	
background:#f8f8f8;
font-size : 9pt;
font-weight : normal;
color : #000;
text-align:left;
width : 70%;
}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber { width:100%;}
.tabberlive { margin-top:1em; width:100%;}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ul.tabbernav
{
margin:0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 10px Verdana, sans-serif;
}
ul.tabbernav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li#tab_hidden{display:none;}
ul.tabbernav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #FEE31F;
text-decoration: none;
}
ul.tabbernav li a:link { color: #4f4f4f; }
ul.tabbernav li a:visited { color: #4f4f4f; }
ul.tabbernav li a:hover
{
color: #000;
background: #EDBC32;
border-color: #227;
}
ul.tabbernav li.tabberactive a
{
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
color: #4f4f4f;
background: white;
border-bottom: 1px solid white;
}
/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
padding:5px 5px 0 5px;
border:1px solid #aaa;
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/* height:200px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
display:none;
}
ul.tabnav
{
margin:0;
padding: 3px 0;
font: bold 12px Verdana, sans-serif;
}
ul.tabnav li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tabnav li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
}
ul.tabnav li a:link { color: #4f4f4f; }
ul.tabnav li a:visited { color: #4f4f4f; }
ul.tabnav li a:hover
{
color: #4f4f4f;
background: #AAE;
border-color: #227;
}
fieldset {
border: 1px solid #ccc;
margin-top:10px;
margin-bottom:10px;
padding:5px;
}
legend {
font:0.8em Verdana,Sans-serif;
color:#D8AA2D;
font-weight:bold;
background:#fff;
}
label {
color:#333;
font-weight: bold;
margin-right:5px;
margin-top:0px;
}
form { margin : 0; }
input.button {
color:#fff;
background:#EDBC32; 
}
.prev_next {
font-size:10pt;margin:5px;text-align:center;
}
.prev_next a:hover { text-decoration:none }
.current_location { font-size:9pt;padding:2px 1px 4px 5px;width:90%;float:left; }
.current_location a:hover {text-decoration:none;}
.previous_location { font-size:9pt;padding:2px 1px 4px 5px;padding-right:15px;float:right; }
.previous_location a:hover {text-decoration:none;}
#viewdsp h2 { text-align:center;font-size:12pt;color:#ffcc33; }
.sttable table {
font:11px verdana, sans-serif;
border:1px solid #ccc;
width:100%;
}
.sttable table td{
padding:2px;
}
.sttable table tbody tr th{
background:#000;
color:#fff;
border-width:0px 0px 1px 1px;
border-right:1px solid #fff;
padding:2px;
margin:0;
font:9px verdana, sans-serif;
text-decoration:none;
cursor:pointer;
font-weight:bold;
}
#search {
position: absolute;
left: 56%;
top: 84px;
z-index: 1;
font-size:9pt;
text-align:right;
width:270px;
padding-top:10px;
}
.small { font-size:1em;font-family:arial,sans-serif;}
.show { display:block; }
.hide { display:none; }
input.disabled {
border: 1px solid #F2F2F2;
background-color: #F2F2F2;
}
input.required, select.required, textarea.required {
border: 1px solid #00A8E6;
}
input.validation-failed, select.validation-failed, textarea.validation-failed {
border: 1px solid #FF3300;
color : #FF3300;
}
input.validation-passed, select.validation-passed, textarea.validation-passed {
border: 1px solid #00CC00;
color : #000;
}
.validation-advice {
margin: 5px 0;
padding: 5px;
background-color: #FF3300;
color : #FFF;
font-weight: bold;
}
.custom-advice {
margin: 5px 0;
padding: 5px;
background-color: #C8AA00;
color : #FFF;
font-weight: bold;
}
.scrollable {
overflow: auto; width: 250px; height: 150px; background-color: #FCDE85; border:solid 1px #EDBC32;
padding:2px 1px 1px 5px;
}
.scrollable Label{ font-weight:normal; }
#current_user{
position: relative;
top: -22px;
z-index: 1;
font-size:9pt;
text-align:left;
width:470px;
padding:0px 0 5px 5px;
color: #FFF;
font-weight:bold;
text-decoration:none;
}
#current_user a {
text-decoration:none;
color: #666666;
font-weight:bold;
}
#current_user a:hover {
text-decoration:underline;
color: red;
}
.palette {
width:100px;
height:100px;
}
.displayFiles {	font-size: 9pt; }
/*-------------Help Display-----------------*/
#fb1 { font-size:11px; position:relative; margin:0 auto 0 auto; text-align: center; z-index: 5; } 
#fb1 a { text-decoration: none; margin: 4px 0; } 
#fb1 ul { margin: 0; padding: 0; border: none; } 
#fb1 ul li { list-style: none; display: inline; padding: 0; } 
#fb1 li.more ul { display: inline; text-decoration: none; border: 1px solid #c24; color: #666; background: #f8f8f8; width: 298px; height: auto; position: absolute;} 
#fb1 li.more ul li p a { text-decoration: none; } 
#fb1 li.more ul li p { margin:5px; font-size: 11px; line-height: 150%; padding: 0 10px; text-align: left; font-family: arial, sans-serif; } 
#fb1 li.less ul { display: none; } 
#fb1 li.less, #fb li.more {background: #fff;}
#fb1 li.less {z-index: 6;}
#fb1.li.more {z-index: 11;}
/*----view navigation -- */
.pages{text-align:center;padding:3px}
.pages a{text-decoration:none;padding:0 5px;border:solid 1px #ccc;color:#00c}
.pages a:hover{background:#66c;color:#fff}
.pages .break,.pages .here{padding:0 2px}
.pages .here{color:#ff2417;font-weight:bold}
.pages .prev{margin-right:15px}
.pages .next{margin-left:15px}
.pages .count{padding-top:5px} 
.menuLevel2 {top: 40px;}
.field-widget { font-size:10pt; }
.field-widget Label { font-weight:normal; }