/* CSS Document */
/* specific tag override */
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background-color: #FFF; font-size:9pt; text-align:center;}
img { border: 0; margin: 0; padding: 0; }
form { margin: 0; padding: 0; margin-top: -5px; }
p { margin-top: 0; margin-bottom: 10px; padding: 0; }
a { text-decoration: underline; color: #008def; }
a:hover { text-decoration: underline; color: #008def; }
a:active { color: #008def; }
a:visited { color: #008def; }
/* end specific tag override */

/* page base elements */
#container {width:98%; min-width:970px; border:0px solid #FF0000; min-height:560px; border-left:1px solid #aaaaaa; border-right: 1px solid #aaaaaa; padding: 0px 8px 0px 8px; text-align: left; margin: auto;}

#welcome { padding:5px 0px 5px 0px; border-bottom:1px dotted #aaaaaa; height:15px;}

#header { height:83px; margin:0; padding: 0px 0px 0px 0px; border:0px solid #FF0000; }
#banner { height:300px; border: 1px solid #666666; min-width:970px; background: #f5fbff;}
#login { background:url('../images/login_bg.gif') no-repeat; width:520px; height:64px; float:right; padding-top:10px; font-size:8pt;}
#login input { border:1px solid #666666; width:120px;}

#footer { width:100%; height:15px; margin-top:10px; padding:5px 0px 10px 0px; border-top:1px solid #666666;}
/* end page base elements */

/* basic 2 col structure */
#twocols {margin-top: 15px; height: min-width:1002px; width:auto; min-height:360px; height:auto !important; height:200px; border: 0px solid #FF0000; text-align:left;}
#twocols p { width: auto;}

#twocols #col1index { width:250px; min-height:300px; height:auto !important; height:380px; float:left; padding: 0px 10px 0px 0px; border-right: 0px solid #213e99;}
#twocols #col2index { width:auto; min-width:675px; min-height:300px; height:auto !important; height:380px; float:left; padding: 0px 10px 0px 20px; margin:0px; border:0px solid #FF0000; line-height:18px;}

#col1index .textgray {color:#666666; font-weight:bold; font-size: 8pt; padding-top:5px;}
#col1index .header {color:#213e99; font-weight:bold; font-size: 11pt;}
#col1index .textfield { border:1px solid #cfcfcf; height:15px; width:160px; margin-top:1px; }
#col1index .left { float:left; clear:both; border:0px solid #ff0000;}
.line {border-right: 1px dotted #999999;}
.line2 {border-bottom: 1px dotted #999999; padding-top:10px;}
/* end basic 2 col structure */

/* navigation (left side) */
div.navheader { padding: 5px 0px 5px 10px; font-weight: bold; font-size: 11pt; height:19px; width:249px; text-align:left; border-bottom:1px solid #cccccc; background-color:#3a3939; color:#FFFFFF;}

ul.mainnav { list-style-type: none; margin:0; padding:0; text-align:left; font-size:11pt; background-color:#e9e9e9;}
ul.mainnav li { padding: 6px 0px 7px 20px; margin:0; height:14px; border-bottom:1px solid #cccccc; width:239px; background: url('../images/menu_bg.gif') repeat-x;}
ul.mainnav li.selected { margin:0; background:#ffffff; }
ul.mainnav li.selected a:hover { color:#c62024; }
ul.mainnav a { text-decoration: none; color: #09112D; font-size: 12px; display: block; }
ul.mainnav a:hover { padding:0; margin:0; text-decoration: none; display: block; color:#c62024;} 
/* end navigation (left side) */

.header1 { font-family:Georgia, "Times New Roman", Times, serif; color:#c62024; font-size:19px; padding:0px 0px 10px 0px;}
.header2 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#008def; font-size:16px; padding:0px 0px 10px 0px; clear:both;}
.header3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#008def; font-size:14px; padding:0px 0px 10px 0px; clear:both;}
.header4 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#000000; font-size:14px; padding:0px 0px 10px 0px; clear:both;}
.header5 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; color:#008def; font-size:12px; padding:0px 0px 10px 0px; clear:both;}
.header6 { font-family:Georgia, "Times New Roman", Times, serif; color:#008def; font-size:19px; padding:0px 0px 10px 0px;}
.tableheader { color:#ffffff; background: #65bbe7 url('../images/tblhead_bg.gif') repeat-x; font-weight:bold; font-size:11px;}
.tablebg1 { background-color:#e8f7ff; font-size:11px; }
.tablebg2 { background-color:#f8fdff; font-size:11px;}

.production_sublink { background-color:#fafafa; border-bottom:1px dotted #999999; padding:5px;}
.production_sublink a { text-decoration: underline; color:#008def; }
.production_sublink a:hover { text-decoration: underline; }

.manage_titles_tab { padding-top:15px;}
.manage_titles_tab a { font-weight:bold; text-decoration: none; color:#008def; }
.manage_titles_tab a:hover { font-weight:bold; text-decoration: underline; }

.delete { padding:5px 0px 5px 0px; border:0px solid #ff0000; clear:both;}
.delete a { font-weight:bold; text-decoration: none; color:#c62024; font-size:11px; }
.delete a:hover { font-weight:bold; text-decoration: underline; }


.left
	{
	float:left;
	clear:both;
	border:0px solid #FF0000;
	}
	
.right
	{
	float:right;
	}

.text {line-height:18px;}
.textbold { font-size:9pt; font-weight:bold; text-align:left; line-height:15px; }
.input { border: 1px solid #666666; background-color:#f9f9f9; width:140px;}

.smalltext {font-size:8pt; line-height:16px; }
.smalltextbold {font-size:8pt; font-weight:bold; line-height:16px; }

.redtext {font-size:8pt; line-height:16px; color:#FF0000; }

.button { color:#FFFFFF; background: #438eff url('../images/button_bg.gif') repeat-x; border:1px solid #004abb; height:25px;}

.error { color:#FF0000; border:1px solid #ffbe4c; margin:10px; padding:10px; background-color:#fff4c7; font-weight:bold;}
.messages { color:#009900; border:1px solid #ffbe4c; margin:10px; padding:10px; background-color:#fff4c7; font-weight:bold;}

OL > li, UL > li { list-style-type: none; padding:3px;}
label.rlabel {
float: left;
width: 10em;
margin-right: 1em;
text-align: right;
border:0px solid #ff0000;
}

#xsnazzy H1 {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy H2 {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy P {
	MARGIN: 0px 10px; LETTER-SPACING: 1px
}
#xsnazzy H1 {
	FONT-SIZE: 2.5em; COLOR: #fff
}
#xsnazzy H2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 2em; BORDER-BOTTOM-WIDTH: 0px; COLOR: #dedede; BORDER-RIGHT-WIDTH: 0px
}
#xsnazzy P {
	PADDING-BOTTOM: 0.5em
}
#xsnazzy H2 {
	PADDING-TOP: 0.5em
}
#xsnazzy {
	BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 1em
}
.xtop {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.xbottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.xb1 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb2 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb3 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb4 {
	DISPLAY: block; OVERFLOW: hidden
}
.xb1 {
	HEIGHT: 1px
}
.xb2 {
	HEIGHT: 1px
}
.xb3 {
	HEIGHT: 1px
}
.xb2 {
	BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #fafafa; BORDER-LEFT: #dedede 1px solid
}
.xb3 {
	BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #fafafa; BORDER-LEFT: #dedede 1px solid
}
.xb4 {
	BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #fafafa; BORDER-LEFT: #dedede 1px solid
}
.xb1 {
	BACKGROUND: #dedede; MARGIN: 0px 5px
}
.xb2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 2px
}
.xb3 {
	MARGIN: 0px 2px
}
.xb4 {
	MARGIN: 0px 1px; HEIGHT: 2px
}
.xboxcontent { padding:10px;
	BORDER-RIGHT: #dedede 1px solid; BORDER-TOP: #dedede 0px solid; DISPLAY: block; BACKGROUND: #fafafa; BORDER-LEFT: #dedede 1px solid; BORDER-BOTTOM: #dedede 0px solid
}
/** end of error message popup **/
.displayError{color:red;font-weight:bold;}
.errorinput { border:red 1px solid; height: 17px; background-color:#ffddc2; background-repeat:repeat-x; margin-right: 6px; width: 140px;}