@CHARSET "UTF-8";

body {
	font: 77% arial,sans-serif;
	margin: 0;
}

h1 {
    padding: 0 5px;
    margin: 5px 5px 10px 5px;
    border-bottom: 1px solid #c03230;
    font-size: 116%;
    color: #aaa;
    height: 100%;
}

h1 a{
	color: #000;
	text-decoration: none;
	font-size: 10px;
}

h2 {
    background-color: #920806;
    color: #fff;
    padding: 4px;
    margin: 0;
}

h2 a{
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
	
h2 .actions {
    text-align: right;
    font-weight: normal;
}

h2 .actions a {
    color: #fff;
    margin: 0;
    padding: 0;
}

.lightbutton {
    background-color: #FFFFFF;
    border: 1px solid #940707;
    color: #940707;
    font-family: "Arial Black",Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
    padding: 2px;
    text-transform: uppercase;
       cursor: pointer;
}

textarea.sample-code {
    width: 600px;
}

optgroup {
	font-style: normal;
}

.paymentBox
{
   background-color: #eee;
   text-align: center;
   border:1px solid red;
}

#topbar {
	width: 100%;
	height: 50px;
	background: url(/etc/img/topbar_bg.png) top left repeat-x;
	/**background: url(/etc/img/topbar.png) top left no-repeat; **/
}
#topimage {
	width: 100%;
	height: 50px;
	background: url(/etc/img/topbar.png) top left no-repeat;	
}

#loginform {
	height: 400px;
	width: 100%;
	align-text: center;
}

#loginbox {
	margin: 0 auto;   /* align for good browsers */
	text-align: left;
	position: relative;
	top: 100px;
	width: 500px;
	padding: 20px 20px 20px 20px;
	border: 1px solid #AAAAAA;
}
/** IE hack for YUI nav bar - menu was not positioned correctly on load until you roll over it **/
#mainnav {
    position: relative;
}


p {
	margin: 0 10px 10px;
}

.redText, .redErrorMsg, .smallRedErrorMsg
{
    color: #920806;
}

.requiredFieldKey {
    text-align: right;
    padding: 0 35px 20px 0;
    font-style: italic;
}

.greenSuccessMsg, .smallGreenSuccessMsg
{
    color: #15AF1C;
}

.smallRedErrorMsg, .smallGreenSuccessMsg
{
   font-size: 75%;
}

a {
	/* display: block; */
	color: #006;
	padding: 10px;
}

.normal a:link {
	/* display: block; */
	color: #006;
	padding: 0px;
}
.normal a:visited {
	/* display: block; */
	color: #006;
	padding: 0px;
}

#dashboardLeft{
	float:left;
	width:550px;
}
	
#dashboardRight{
	float:right;
	width:250px;
}

#csNewsItem{
	padding: 0cm .1cm .5cm .2cm;
}

#csAnnouncementItem{
	padding: 0cm .3cm .5cm .1cm;
}

.solutionImage
{
   margin-right:15px;
}

	
/** YUI & modal windows **/

.yuimenubar {
    background-color: #AA0000;
}

#hd {
    border-bottom: 4px solid #920806;
    padding: 0 0 2px 0;
}

#hd .yui-u {
	padding: 0;
	margin: 0;
	width: 33%;
}

.yui-p {
	padding: 0;
	margin: 0;
	width: 50%;
}


#hd .welcome {
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

#hd .account-info {
    padding: 2px 10px;
    text-align: right;
    width: 350px;
}

#hd .logo {
    padding: 2px 10px;
}

#ft {
    text-align: center;
    font-size: 85%;
    border-top: 2px solid #920806;
    padding-top: 5px;
    color: #ccc;
    margin-top: 15px;
}

fieldset {
    border: 1px solid #ccc;
    padding: 5px;
}

/** YUI - calendar module **/
#calendarcontainer {
    padding:10px;
}

#calendarmenu {
    position: absolute;
}

#calendarpicker button {
    background: url(etc/img/icon_calendar.gif) center center no-repeat;
    text-align: left;
    text-indent: -10em;
    overflow: hidden;
    *margin-left: 10em; /* For IE */
    *padding: 0 3em;    /* For IE */
    white-space: nowrap;
}

#month-field, #day-field, #month-field2, #day-field2 {
    width: 2em;
}

#year-field, #year-field2 {
    width: 3em;
}

/** YUI - datatable div **/
#serverpagination {
    margin: 0 10px;
    padding: 0;
    font-size: 85%;
}

div.yuimenu .bd {
    zoom: normal;
}

.redErrorMsg, .smallRedErrorMsg
{
   color:red;
}

.smallRedErrorMsg, .smallItalicText
{
   font-size: 75%;
}

.smallItalicText
{
   font-style:italic;
}


/*
input.button {
    padding: 0 10px;
    color: #fff;
    background-color: #010976;
}

input.button:hover {
    color: #000000;
    background-color: #eee;
}
*/

/* PAGINATION LINKS */
#yui-dt-pagselect0, #yui-dt-pagselect1, #table-actions-bar {
    font-size: 93%;
}

#actions-bar, #dt-pag-nav {
    display: inline;
    margin-bottom: 0px;
    padding: 0 10px;
}

#table-actions-bar {
    margin: 0 10px;
    padding: 0;
    background-color: #eee;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}

/* END - PAGINATION LINKS */


/* HISTORY FRAME */
#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px; /* avoid scrollbars */
  visibility:hidden;
}


/* MODAL DIALOGUE BOX */
#modal_container {
    padding: 5px;
    overflow: auto;
    color: #333;
    text-align: left;
    background-color:#900;
    padding: 15px;
}

#modal_overlay {
    background-color:#000;
}

.modalWindowTitle {
    background-color: #fff;
    font-size: 116%;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    
}

/* END: MODAL DIALOGUE BOX */


/* BEGIN: TOOLTIP POPUP ***********/
#toolTipLayer table, #toolTipLayer td {
    margin: 0;
    padding: 0;
    border: none;
}

#toolTipLayer td {
    font-size: 93%;
}

.formRowOdd
{
    background-color: #fff;
}

.formRowEven
{
    background-color: #E8EDFA;
}

/* END: TOOLTIP POPUP *************/



/** rounded corners dialog boxes **/

b.bt, b.bt b, b.bb, b.bb b {
    display: block;
    height: 10px;
    font-size: 1px;
    background:url(/etc/img/corners.gif) no-repeat;
    position:relative;
    margin: 0;
    padding: 0;
}

b.bt {
    top: -3px;
    left: -3px;
}

b.bt b {
    background-position:100% -10px;
    left: 6px;
}

b.bb {
    background-position:0 -20px;
    top:3px;
    left: -3px;
}

b.bb b {
    background-position:100% -30px;
    left: 6px;
}

#grey_border {
    border: #e6e6e6 2px solid;
    margin: 5px 0;
}

#grey_border .content {
    padding: 5px;
}

#grey_border .content h1 {
    margin: 0 0 10px 0;
    padding-bottom: 2px;
}

#grey_border .content table, #grey_border .content td {
    border: none;
    padding: 0;
    margin: 0;
}

#grey_border .content form table td {
    border: none;
    padding: 5px;
}

#grey_border .content form table.yui-calendar td, .content form table.yui-calendar th.calweekdaycell {
    border: 1px;
    padding: 0px;
}

#grey_border .content form table.yui-calendar {
	width: 175px;
}

#grey_border .content form table.yui-calendar th.calweekdaycell {
	border: 1px solid black;
	padding: 0px;
}

#grey_border .content form table.yui-calendar th.calhead {
	border: none;
	padding: 0px;
}

#grey_border .content form table.yui-calendar th.calhead div.calheader a {
	padding: 0px; 
	margin-right: 10px;
	margin-left: 10px;
}

#grey_border .content form table.yui-calendar td a{
    padding: 0px;
	margin: 0px;
}

#grey_border .content form table.yui-calendar td.today {
    border: 1px solid black;
}

#grey_border .content h1 table, #grey_border .content h1 table td {
    border: none;
    padding: 0;
    margin: 0;
}

#grey_border .content h2 {
    margin-right: 0px;
}

#grey_border .content h2 table, #grey_border .content h2 table td {
    border: none;
    padding: 0;
    margin: 0;
}

#grey_border .content h1 .actions {
    text-align: right;
}

/** end - rounded corners **/

/** ======================================= */

.infoText {
	font-size: 75%;
    color: #555;
}

#footer {
	clear: both;
	width: 100%;
	height: 2px;
	background-color: #BD0808;	
}

.dashboard_select_box {
	font-size: 80%;
		
}