@import url("layout.css");
@import url("tabs.css");

/* DEBUG */
/*
div {
	border: 1px solid #FF00FF;
}
span {
	border: 1px solid #FF00FF;
}
*/


/*
html { min-width: 750px; }

#mainBody {
	background-color: #335c7f;
	background-repeat: repeat-x;
}


*/

body, div, td, th, h2, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	voice-family: "\"}\"";
	voice-family: inherit;
}  

body {
	background-color: #FFFFFF;
	background-image: url(../images/bg_hash2.gif);
}
#headerTable {
	width: 750px;
	background-color: #E0DDBA;
}
#headerLogo {
	/*
	background-image: url(../images/hdr_logo.jpg);
	*/
	width: 138px;
	height: 68;
}
#headerTable li.inline {
	display: inline;
	padding-left: 3px;
	padding-right: 7px;
	border-right: 1px dotted #066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
#headerTable li.last {
  display: inline;
  padding-left: 3px;
  padding-right: 3px;
  border-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
} 
#headerTable a{
	color: #000000;
	text-decoration:none;
}
#headerTable a:hover{
	color:#990000;
	text-decoration:underline;
}

#mainTable {
	width: 750px;
	height: 580px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color: #FFFFFF;
	margin-left: auto; 
	margin-right: auto;
}
#mainContent {
	padding: 0px 0px 30px;
	margin: 0px;
	background-color: #FFFFFF;
	width: 100%;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	height:20px;
	padding-left:11px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	/*	background-color: #77283E;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CD7089;
	border-right-color: #CD7089;
	border-bottom-color: #CD7089;
	border-left-color: #CD7089;/*
	/*background-image: url(../images/h1_bg.jpg);*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}

h1.report {
	font-size: 16px;
	font-weight: bold;
	height:20px;
	padding-left:11px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFCC;
	background-color: #77283E;
	/*border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CD7089;
	border-right-color: #CD7089;
	border-bottom-color: #CD7089;
	border-left-color: #CD7089;/*
	/*background-image: url(../images/h1_bg.jpg);*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0px;
}

h2 {
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bolder;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:24px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 10px;
	line-height: 16px;
	border-bottom:1px solid #ff9933;	
	/*text-decoration: underline;*/
	background-image:url(../images/bullet_header.gif);
	background-repeat:no-repeat;
	background-color:#ff7a30;
}



/* Tabular data table */ 
.table {
	vertical-align: top;
	background: #FFFFFF;
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #C8C8C8;
	/* Avoid need for cellspacing attributes for tables */
	border-spacing: 0px;
	border-collapse: collapse;
}

.table td {
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 9px;
	margin: 2px 5px;
	border-right-width: 1px;
	width: auto;
}
.table th {
	background: #eaeaea;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  #eaeaea;
	border-right-color:  #DADADA;
	border-bottom-color:  #CCCCCC;
	border-left-color:  #eaeaea;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 9px;
	margin: 2px 5px;
	text-align: left;
}

#title {
	background-repeat: no-repeat;
	height: 36px;
	width: 750px;
	font-size: 18px;
	color: #000000;
	padding-top: 8px;
	padding-left: 20px;
	font-weight: bolder;
	background-color: #CCCCCC;
	text-align: right;
	padding-right: 10px;
}

/* reportStat.jsp - style for the text "End of Report" */
.end_text {
	border-top:1px dashed #cccccc;
	padding-bottom:6px;
	padding-top:6px;
	text-align:center;
}




/* ------------------ rounded black box to display title of the page */
/* NOTE: the next 5 classes are related */
/* sample usage:

<table border="0" cellpadding="0" cellspacing="0" class="winCaption_title">
  <tr>
    <td class="winCaption_left">&nbsp;</td>
    <td><table width="100%"  border="0" cellpadding="0" cellspacing="0" class="winCaption_middle">
      <tr>
        <td>LISTS</td>
      </tr>
    </table></td>
  <td class="winCaption_right">&nbsp;</td>
  </tr>
</table>

*/

.winCaption_title{
	border: 0px solid #cccccc;
	font:12px Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	height: 36px;
	width: 750px;
	margin: 0px;
	padding: 0px;
}
.winCaption_middle_extend{
	/*background:  InactiveCaption url(images/bkg_wincaption.png);*/
	/*background:  #121212;*/
	background-image:url(../images/wincaption_middle.jpg);
	border: 0px solid #cccccc;
	font:12px Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	height: 36px;
}
.winCaption_middle{
	/*background:  InactiveCaption url(images/bkg_wincaption.png);*/
	/*background:  #121212;*/
	background-image:url(../images/wincaption_middle.jpg);
	border: 0px solid #cccccc;
	font:12px Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	color: #FFFFFF;
	height: 36px;
	width: 100%;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
}
.winCaption_left{
	/*background:  InactiveCaption url(images/bkg_wincaption.png);*/
	/*background:  #121212;*/
	background-image:url(../images/wincaption_left.gif);
	background-repeat:no-repeat;
	width:15px;
}
.winCaption_right{
	/*background:  InactiveCaption url(images/bkg_wincaption.png);*/
	/*background:  #121212;*/
	background-image:url(../images/wincaption_right.gif);
	background-repeat:no-repeat;
	width:15px;
}

/* ------------------end */

/* bcSummary.jsp - container for the tab */
/* NOTE: the next 4 classes are related */
/* sample usage:

<table border="0" cellpadding="0" cellspacing="0" class="winCaption_message">
	<tr>
		<td class="bgcaption_message_left">&nbsp;</td>
        <td>
			<table width="100%"  border="0" cellpadding="0" cellspacing="0" class="bgcaption_message_middle winCaption_message">
            	<tr>
                	<td>BROADCAST</td>
                </tr>
            </table>
		</td>
        <td class="bgcaption_message_right">&nbsp;</td>
    </tr>
</table>

*/
.bgcaption_message_left{
background-image:url(../images/bg_caption_message_left.jpg);
background-repeat:no-repeat;
width:10px;
height:30px;
}
.bgcaption_message_right{
background-image:url(../images/bg_caption_message_right.jpg);
background-repeat:no-repeat;
width:10px;
height:30px;
}
.bgcaption_message_middle{
background-image:url(../images/bg_caption_message_middle.jpg);
width:;
height:30px;
padding-left:10px;
padding-right:10px;
}
/* end */


/*******************************************************************
MESSAGE,GUIDE,ERROR
*******************************************************************/
.t {
	background-image: url(../images/sicon/info.gif);
	background-repeat: no-repeat;
	margin: 6px 2px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/right.gif);
	color: #4B6B92;
	vertical-align: bottom;
	padding-left: 20px;
	display: block;
	position: relative;
}
.message {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/sicon/info.gif);
	background-repeat: no-repeat;
	margin: 6px 2px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/right.gif);
	color: #4B6B92;
	vertical-align: bottom;
	padding-left: 20px;
	display: block;
	position: relative;
}

.guide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/sicon/information.gif);
	background-repeat: no-repeat;
	margin: 6px 2px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/right.gif);
	color: #4B6B92;
	vertical-align: bottom;
	padding-left: 18px;
	padding-bottom: 2px;
	display: block;
}
.helpguide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/sicon/guide.gif);
	background-repeat: no-repeat;
	margin: 5px 5px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/right.gif);
	color: #4B6B92;
	vertical-align: bottom;
	padding-left: 20px;
	display: block;
}

.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/icon_error.gif);
	background-repeat: no-repeat;
	margin: 6px 2px;
	font-weight: bold;
	list-style-position: inside;
	list-style-type: disc;
	list-style-image: url(../images/right.gif);
	color: #FF0000;
	vertical-align: bottom;
	padding-left: 20px;
	display: block;
	position: relative;
	height: 16px;
}

/*******************************************************************
FORMS
*******************************************************************/
.formTable {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	vertical-align: top;
}
.formTable * {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
}
.formTableCell {
	margin: 3px;
	vertical-align: top;
	padding: 3px;
}
.formTableLabelCell {
	font-weight: bolder;
	margin: 3px 5px 3px 3px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 6px;
	vertical-align:top;	
}

.formField {
	border: 1px solid #000000;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.formButton {
	overflow: auto;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
}
.formCheckbox {
}
.formLabel {
	border: 0px none;
	clear: both;
	font-weight: bold;
	padding-left:3px;
}
.formDropdown {
	border: 1px solid #000000;
}
.formList {
	border: 1px solid #000000;
}
.formFieldMono {
	font-family: "Courier New", Courier, mono;
	font-size: 13px;
	border: 1px solid #000000;
	white-space: pre;
}
.formHeader {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	font-weight: bolder;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:24px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 10px;
	line-height: 16px;
	border-bottom:1px solid #ff9933;	
	/*text-decoration: underline;*/
	background-image:url(../images/bullet_header.gif);
	background-repeat:no-repeat;
	background-color:#ff7a30;
}

.form_subHeader {
	color:#FF3300;
	font-weight: bolder;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left:24px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 10px;
	line-height: 16px;
	/*text-decoration: underline;*/
	background-image:url(../images/bullet_subheader.gif);
	background-repeat:no-repeat;
}
.formRadio {
}
.formFile {
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.contentTable {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	vertical-align: top;
	width: 100%;
	padding: 5px;
}
.treeItem {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	background-color:#000000;
}



.treeItem {
	text-indent: 10px;
	margin: 0px;
	padding: 0px;
}

#navbar ul {
	padding-left: 3px;
	margin-left: 0;
	
}
#navbar ul li ul {
	margin-left: 12px;
	list-style-image:url(../images/sub_tree.gif);
}
/*
#navbar ul li ul ul li ul li a:link, #navbar ul li ul ul li ul li a:visited {

color: #ff0000;

font-size: 80%;

}
*/

ul.tree {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
	
/*
	position: relative;
	left: -10;
	z-index: 1;
*/	
}

/*
ul.tree > li {
	color: #000;
	cursor: default;
	font: 0.8em Arial,Helvetica,sans-serif;
}
ul.tree > li > a {
	text-decoration: none;
}
ul.tree > li > a:hover {
	text-decoration: underline;
}
ul.tree > li[id] > a {
	color: #000;
	cursor: default;
}
ul.tree > li[id] > ul.tree {
	display: none;

	margin-left: 1%;
	padding-left: 1%;
}
ul.tree > li:target > ul.tree {
	display: block;
}
*/

.activeText {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: ;
	background-color: ;
	font-weight: bold;
}
.topHeader {
	background:  url(../images/bg_hdr.jpg);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color:  ThreeDHighlight;
	border-right-color:  ThreeDShadow;
	border-bottom-color:  ThreeDShadow;
	border-left-color:  ThreeDHighlight;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	margin: 0px;
	padding: 2px;
	font-size: 12px;
}
.indent {
	margin-left: 20px;
}

.tableCell_attachment{
    background: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea ;
	border-right-color: #eaeaea ;
	border-bottom-color: #eaeaea ;
	border-left-color: #eaeaea ;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin: 2px 2px;
}

/* bcSummary.jsp - used to make the buttons blend with the table */
.bg_buttonsarea{
background-color:#FCe2c7;
padding: 3px 3px 3px 3px;
}
/* end */

.txt_logout{
font-family:Tahoma, Verdana;
font-size:10px;
color:#333333;
}

/* exclusive for left nav */
/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */

/* leftnav.jsp - used to style the background of the Jump Domain section */
.hdr_title{
background-color:#FF6f12;
padding-left:5px;
margin:0px;
background-image:url(../images/bg_hdr_title.jpg);
}
.bg_jump_domain{
background-color:#FF9900;
padding:0px;
margin:0px;
border:	2px solid #eaeaea;
}
.bg_jump_domain_right{
background-image:url(../images/icn_jump.JPG);
background-repeat:no-repeat;
width:39px;
height:32px;
padding:0px;
margin:0px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

  
#mainmenu {
	max-width: 175px;
	width: 175px;
	margin: 0px;
}
	
#mainmenu li a:link, #menu3 li a:visited {
  display: inline;
  padding-left: 3px;
  padding-right: 7px;
  border-right: 1px dotted #066;
	/*  
	
	color: #333333;
	text-decoration: none;
	background: url(../images/menu3_bg_list.gif) no-repeat;
	padding: 8px 0 0 30px;

  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	*/
	}
/*	
#mainmenu li a:hover, #menu3 li a:active {
	display: inline;
	color: #999999;
	text-decoration: none;
	background: url(../images/menu3_bg_list_2.gif) no-repeat;
	height: 24px;
	padding: 8px 0 0 30px;

  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
*/	
/*end*/

/* used to style the links at TOP navigation */
a.top_nav{
font-family:Tahoma, Verdana;
font-size:11px;
color:#FF6633;
text-decoration:none;
}
a.top_nav:hover{
font-family:Tahoma, Verdana;
font-size:11px;
color:#FF6633;
text-decoration:underline;
}

.bg_topnav_middle{
background-image:url(../images/bg_topnav_middle.jpg);
height:29px;
padding-left:10px;
padding-right:10px;
vertical-align:middle;
}
.bg_topnav_right{
background-image:url(../images/img_topnav_right.gif);
height:29px;
width:9;
background-repeat:no-repeat;
}
.bg_topnav_left{
background-image:url(../images/img_topnav_left.gif);
height:29px;
width:9;
background-repeat:no-repeat;
}
/* end */

/* reportStat.jsp - style the background of the report */
.bg_report{
background-color:#FFFFFF;
}
/* end */

/* exclusive for LOGIN */
.bg_login_left{
background-image:url(../images/login_bg1.jpg);
width:298px;
}
.bg_login_left_side{
background-image:url(../images/login_bg1.jpg);
}
.bg_login_right{
background-image:url(../images/login_bg2.jpg);
width:408px;
}


.commandBar {

	background-color: #666666;
	border: 1px outset;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.commandBar input {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	vertical-align: top;
}

.headerLink {
	color: #FFFF00;
}

.dragInputField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	cursor: hand;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	width: 100%;
}

#bc_details_info {

}
#bc_details_task {
	float: left;
	clip: rect(auto,auto,auto,auto);

}

#task_box {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 5px;
}

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

#task_button a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
}


#task_description {
	overflow: auto;
	left: 36px;
	margin-top: 5px;
	margin-left: 36px;
}

#textContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 2px;
}
#htmlContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 2px;
}
.frame {
}

.testBroadcastBox {
	white-space: pre;
	display: compact;
	border: 1px solid #666666;
	overflow: hidden;
	background-color: #FFFFCC;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.homeShortcutText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	text-align: center;
	vertical-align: top;
	color: #33627D;
}
/*
.wizButton {
	display: inline;
	position: relative;
	text-align: center;
	line-height: 35px;
	height: 35px;
	width: 10em;
	cursor: hand;
	border: 1px solid #FF00FF;
}

.wizButton .l {
	position: absolute;
    top: 0;
	left: 0;
	height: 35px;
	width: 10px;
	background-image: url(../images/btn_left.png);
}
.wizButton .m {
	position: inline;
	height: 35px;
	background-image: url(../images/btn_mid.png);
	background-repeat: repeat-x;
}
.wizButton .r {
	position: absolute;
    top: 0;
	right: 0;
	height: 35px;
	width: 10px;
	background-image: url(../images/btn_right.png);
}
*/
.wizButton {
	text-decoration:none;
	line-height: 35px;
	height: 100px;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FF00FF;
	background-color: #CC6699;
	white-space: nowrap;
	width: 100px;
	text-align: center;
}
.wizButton a {
	text-decoration:none;
	line-height: 35px;
	height: 100px;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #FF00FF;
	background-color: #CC6699;
	white-space: nowrap;
	width: 100px;
	text-align: center;
}
/*
.wizButton a {
	text-decoration:none;
	position: relative;
	text-align: center;
	line-height: 35px;
	height: 35px;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
	width: auto;
}

.wizButton a .l {
	height: 35px;
	width: 10px;
	background-image: url(../images/btn_l.png);
	background-repeat: no-repeat;
	display: inline;
}
.wizButton a .m {
	height: 35px;
	background-image: url(../images/btn_m.png);
	background-repeat: repeat-x;
}
.wizButton a .r {
	height: 35px;
	width: 10px;
	background-image: url(../images/btn_r.png);
	background-repeat: no-repeat;
}
*/

.nav-menu {
	width:415px;
	display: inline;
}
.nav-menu ul {list-style:none; padding:0; margin:0; text-align:center}
.nav-menu li {
	display:block;
text:align:center; 				padding:0;
	margin:0 2px;
	white-space: nowrap;
	border: 1px solid #FF00FF;
	float: left;
}
.nav-menu li a:link {color:#0d2474; text-decoration:none; background:url(/images/css-nav.gif) repeat-x bottom left; display:block; height:2em; padding:0; border:1px solid #dcdce9; text:align:center; line-height:2em; margin:0}
.nav-menu li a:visited {color:#0d2474; text-decoration:none; background:url(/images/css-nav.gif) repeat-x bottom left; display:block; height:2em; padding:0; border:1px solid #dcdce9; text:align:center; line-height:2em; margin:0; color:#0d2474}
.nav-menu li a:active {color:#0d2474; text-decoration:none; background:url(/images/css-nav.gif) repeat-x bottom left; display:block; height:2em; padding:0; border:1px solid #dcdce9; text:align:center; line-height:2em; margin:0}
.nav-menu li a:hover {color:#0d2474; text-decoration:underline; background:url(/images/css-nav.gif) repeat-x bottom left; display:block; height:2em; padding:0; border:1px solid #dcdce9; text:align:center; line-height:2em; margin:0}

/* Commented backslash hack hides rule from IE5-Mac \*/
.nav-menu li a:link, .nav-menu li a:visited, .nav-menu li a:active, .nav-menu li a:hover {float: none}
/* End IE5-Mac hack */


.actionButton {
	margin: 8px 8px 5px 0px;
	border: 0px none #000000;
}

.actionLink {
}
.actionLink a {
	text-decoration: none;
	color: #FFFF00;
}
.actionLink a:hover {
	text-decoration: none;
	color:#FFFF00;
	background-color:#0000FF;
}

.wizProgress {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #E6E6E6;
	border-top: 1px solid #666666;
	border-right: 1px none #666666;
	border-bottom: 1px none #666666;
	border-left: 1px solid #666666;
}
.wizProgressActive {
	color: #FFFFFF;
	background-color: #EFA201;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.wizProgressInactive {
	color: #666666;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}




.tab {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	display: block;
	border: 1px solid #FF00FF;
}

.tab LI {
	float:left;
	margin:0;
	padding:0;
}

.tab A {
	display:block;
	color:#444;
	text-decoration:none;
	font-weight:bold;
	background:#ddd;
	margin:0;
	padding:0.25em 1em;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #aaa;
}

.tab A:hover,
.tab A:active,
.tab A.here:link,
.tab A.here:visited {
	background:#bbb;
}

.tab A.here:link,
.tab A.here:visited {
	position:relative;
	z-index:102;
}

/*subnav*/

.tab UL {
	position:absolute;
	left:0;
	top:1.5em;
	float:left;
	background:#bbb;
	width:100%;
	margin:0;
	padding:0.25em 0.25em 0.25em 1em;
	list-style:none;
	border-top:1px solid #fff;
}

.tab UL LI {
	float:left;
	display:block;
	margin-top:1px;
}

.tab UL A {
	background:#bbb;
	color:#fff;
	display:inline;
	margin:0;
	padding:0 1em;
	border:0
}

.tab UL A:hover,
.tab UL A:active,
.tab UL A.here:link,
.tab UL A.here:visited {
	color:#444;
}


/*
.tabnav ul {
  display: inline;
   font-size: 11pt;
  }

.tabnav {
  padding-top: 8px;
  background: white url(images/background.png); 
  border-bottom: 1px solid #222;
  height: 23px;
}

.tabnav ul li {
  background-color: transparent;
  background-image: url(images/ibuttons_02.png);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0;
  float: left;
  height: 23px;
  display: block;
  position: relative;
  margin: 0 30px;
  }


.tabnav ul li:before{
  background-color: transparent;
  height: 23px;
  width: 27px;
  margin-left: -27px;
  content: url(images/ibuttons_01.png);
}

.tabnav ul li:after{
  background-color: transparent;
  height: 23px;
  width: 27px;
  margin-right: -27px;
  content: url(images/ibuttons_03.png);
}

.tabnav ul li:hover {
  background-color: transparent;
  background-image: url(images/hbuttons_02.png);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0;
  float: left;
  height: 23px;
  display: block;
  position: relative;
  margin: 0 30px;
  }



.tabnav ul li:hover:before{
  background-color: transparent;
  height: 23px;
  width: 27px;
  margin-left: -27px;
  content: url(images/hbuttons_01.png);
}

.tabnav ul li:hover:after{
  background-color: transparent;
  height: 23px;
  width: 27px;
  margin-right: -27px;
  content: url(images/hbuttons_03.png);
}



.tabnav a, .tabnav a:link, .tabnav a:visited {
 position: relative;
 bottom: 5px;
 font-family: Arial;
 font-size: 11pt;
 font-weight: bold;
 color: #222;
 padding: 0 27px;
 margin: -27px;
 text-decoration: none;
 z-index: 7;
}

.tabnav a:hover, .tabnav a:active {
  color: black;
  }
  */
  
  
  		#tabnav {
			float:left;
			width:100%;
			background:#BBD9EE;
			padding:0;
			font-size:0.8em;
			line-height:normal;
			margin-bottom:10px /* used here to separate the three different versions */
		}
		#tabnav ul {
			margin:0;
			padding:10px 0 0 10px;
			list-style:none;
		}
		#tabnav li {
			display:inline;
			margin:0;
			padding:0;
		}

	/*
	*	For the next two rules:	
	*	1. A single image is used for the two doors, rather than one.
	*	2. Ascetically, the 'font-weight:bold' was removed to closely mimic the www.digital-web.com tabs.
	*	3. The padding was modified for personal preference.
	*/
		#tabnav a {
			float:left;
			background:#E7F1F8 url("/i/sandbox/sliding-doors-mountaintops-3.png") no-repeat left top;
			padding:0 0 0 9px;
			text-decoration:none;
			color:#000;
		}
		#tabnav a span {
			float:left;
			display:block;
			background:#E7F1F8 url("/i/sandbox/sliding-doors-mountaintops-3.png") no-repeat right top;
			padding:4px 15px 3px 6px;
		}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#tabnav a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #tabnav and giving the effect of an underline.
	*/
		#tabnav #current a span {
			padding-bottom:4px;
		}
		#tabnav a:hover, #tabnav a:hover span {
			background-color:#E4F1BC;
			color:#000;
		}
		#tabnav #current a span, #tabnav #current a {
			background-color:#fff;
		}

.shadowbox {
  background: #999;
  position: relative;
  top: 2px;
  left: 2px;
}
.shadowbox div {
  background: #333;
  border: 0px solid #000;
  color: #fff;
  padding: 0px;
  position: relative;
  top: -2px;
  left: -2px;
}
.shadowbox table {
	padding: 0px;
	position: relative;
	top: -2px;
	left: -2px;
	/*
	border-top: 1px solid #999999;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #999999;
	*/
}

#pageHeader {
	font-size: 18px;
	color: #000000;
}

#pageHeader img {
	float: left;
	position: relative;
}

#pageGuide {
	display: block;
	margin: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#pageGuide p {
}

/*
.navButtons {
	display: block;
	border: 1px solid #FF00FF;
	position: static;
}
*/
#pageContent {
	/* background-color: #EBEBEB;
	border: 1px solid #999999;
	*/
	margin: 10px;
}
.homeTaskLarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100px;
	font-weight: bolder;
	color: #F3B170;
	text-decoration: none;
}
.homeTaskLarge a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100px;
	font-weight: bolder;
	color: #F3B170;
		text-decoration: none;
}

.homeTaskLarge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100px;
	font-weight: bolder;
	color: #F3B170;
		text-decoration: none;
}

.homeTaskLarge a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100px;
	font-weight: bolder;
	color: #F3B170;
		text-decoration: none;
}

#paging {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px;
}
#paging a {
}
#pagingCurrent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #FFFF00;
	background-color: #0000FF;
}







/* Admin bar */ 
#adminBar {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

#adminBar table {
	vertical-align: top;
	background: #FFFFCC;
	border: 1px solid #FFFFFF;
}

#adminBar table td {
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eaeaea;
	border-right-color: #eaeaea;
	border-bottom-color: #eaeaea;
	border-left-color: #eaeaea;
	margin: 0px;
	border-right-width: 1px;
	width: auto;
	padding: 0px;
}.alertBar {
	color: #FFFF00;
	background-color: #FF0000;
	font-size: 11px;
	font-weight: bolder;
}
.actButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFD955;
	height: 24px;
	width: 100px;
	cursor: hand;
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 1px solid #000000;
	margin: 5px;
	font-weight: bold;
	padding: 0px;
}

.actButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFD955;
	height: 24px;
	width: 100px;
	cursor: hand;
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: 5px solid #000000;
	margin: 5px;
	font-weight: bold;
	padding: 0px;
}

.templateDiv {
	background-color: #FFCC00;
	cursor: pointer;
	height: 20px;
	font-size: 12;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.templatePreviewTable {
	border:thin solid #CCCCCC;
	padding: 2px 2px 2px 2px;
}