@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: 10pt;
	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: 13px;
	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: 13px;
	font-weight: bold;
}

#headerTable a {
	color: #000000;
	text-decoration: none;
}

#headerTable a:hover {
	color: #990000;
	text-decoration: underline;
}

#mainTable {
	width: 80%;
	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: 18px;
	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: 18px;
	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: 13px;
	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: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	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: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 9px;
	margin: 2px 5px;
	text-align: left;
}

#title {
	background-repeat: no-repeat;
	height: 36px;
	width: 750px;
	font-size: 20px;
	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: 13px;
	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: 13px;
	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: 13px;
	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: 13px;
	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: 13px;
	vertical-align: top;
}

.formTable * {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
}

.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: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.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;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.formList {
	border: 1px solid #000000;
}

.formFieldMono {
	font-family: "Courier New", Courier, mono;
	font-size: 15px;
	border: 1px solid #000000;
	white-space: pre;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.formHeader {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 13px;
	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: 13px;
	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: 13px;
	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: 14px;
}

.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: 12px;
	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: 13px;
	color: #FF6633;
	text-decoration: none;
}

a.top_nav:hover {
	font-family: Tahoma, Verdana;
	font-size: 13px;
	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: 13px;
	vertical-align: top;
}

.headerLink {
	color: #FFFF00;
}

.dragInputField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	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: 13px;
	margin: 5px;
}

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

#task_button a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	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: 14px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCCCCC;
}

#htmlContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-color: #FFFFFF;
	padding: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #CCCCCC;
}

.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: 12px;
}

.homeShortcutText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	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: 13px;
	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: 13pt;
  }

.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: 13pt;
 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: 20px;
	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: 102px;
	font-weight: bolder;
	color: #F3B170;
	text-decoration: none;
}

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

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

.homeTaskLarge a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 102px;
	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: 13px;
	font-weight: bolder;
}

.actButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFD955;
	height: 24px;
	width: 110px;
	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;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.actButton:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #FFD955;
	height: 24px;
	width: 110px;
	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;
}

.actButton2 {
	padding: 3px 7px;
    display: inline;
    background: #777 url(../images/button2_bg.png) repeat-x bottom;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    
    background-color: #fff;
    color: #000;
    
    font-weight: bold;
}

.actButton2:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    padding: 4px 7px 2px;
    }
.actButton2.red { background-color: #e50000; }
.actButton2.purple { background-color: #9400bf; }
.actButton2.green { background-color: #58aa00; }
.actButton2.orange { background-color: #ff9c00; }
.actButton2.blue { background-color: #2c6da0; }
.actButton2.black { background-color: #333; }
.actButton2.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.actButton2.small { font-size: 75%; padding: 3px 7px; }
.actButton2.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.actButton2.large { font-size: 125%; padding: 7px 12px; }
.actButton2.large:hover { background-position: 0 -35px; }
.actButton2.large:active { padding: 8px 12px 6px; background-position: 0 top; }



.templateDiv {
	background-color: #FFCC00;
	cursor: pointer;
	height: 20px;
	font-size: 14;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

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

.roundCorners {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.context {
	cursor: pointer;
	border-bottom-style: dotted;
}

.search {
	background: #FFFFFF url(../images/sicon/search.png) no-repeat 4px 4px;
	padding: 3px 3px 3px 22px;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}