/* Standard HTML element defintions */
body, p, td, div, textarea, select, input {
  font-family:Verdana,Arial,Helvetica;
  color:#333333;
  margin:0px;
  font-size:x-small;
}

.error {
	font-size: small;
	color:red;
}

.errortext {
	color: #D00000;
	font-weight: bold;
}

img {
	border: none;
}

/*main page container - all sits within*/
#container1{
	width:100%;
	background-color:#FFFFFF;
}

li {
	list-style: square;
}

table {
	margin-bottom:5px;
	font-size:x-small;
	border:none;
	}

a:link {
	color: #333333;
	text-decoration: none;
	}
a:visited {
	color:#333333;
	text-decoration: none;
}
a:hover {
	color:#FF9C3B;
	text-decoration: underline;
}
a:active {
	color:#333333;
	text-decoration: none;
}

/* Standard Table Formatting */


/* datatable - a nice class - influenced by YUI for formatting data tables or database list type layouts */
.datatable {
	border-collapse:collapse;
	margin:2px 6px;
	padding: 2px;
}

.datatable th, .datatable td {
	border:1px solid #000;
	padding:.25em;
}

table.datatable td.currency {
	text-align: right;
}

table.datatable td.total {
	background-color: #779BA1;
	color: #FFFFFF;
	font-weight: bold;
}

table.datatable td.total_label {
	border-left: none;
	border-bottom: none;
	text-align: right;
	font-weight: bold;
}

/* Nice grey BG color for this is: #696969 */
.datatable th {
	background-color:#779BA1;
	color:#fff;
}

/* td that holds the action icons */
.iconholder {
   border: none;
   padding-bottom: 8px;
}

#midcol .datatable th a {
	color:white;
}

/* Form Element Formatting */
.form_style, .form_container {
	margin-left:2px;
	border: #CCCCCC solid 1px;

}

.form_container .error {
       font-size: x-small;
}

/* th for form */
.form_style, .form_container th {
	background-color:#CCCCCC;
	border-bottom:1px solid #AAAAAA;
	font-weight:bold;
	height:24px;
	padding:2px;
	width:175px;
}

.form_style, .form_container td {
	border-bottom:1px solid #AAAAAA;
	background-color: #EFEFEF;
	height:24px;
	padding:2px;
}

.inputlarge{
	width:300px;
	font-size:x-small;
	}
.inputmedium{
	width:150px;
	font-size:x-small;
	}
 .inputsmall{
	width:50px;
	font-size:x-small;
	}

.noborder {
	border: none;
}

/*header*/
#header{
	vertical-align:top;
	background-color:#FFFFFF;
	height:86px;
}
#header table {
	padding:0;
	}
#header .left {
	text-align:left;
	vertical-align:bottom;
	width:247px;
}
#header .center {
	text-align:left;
	vertical-align:bottom;
	width:100%;
	padding-bottom:10px;
	padding-left:10px;
}
#header .right {
	vertical-align:top;
	width:175px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:x-small;
}
/*header login box*/
#header #login table {
	width:175px;
	padding: 0;
	}
#header #login caption {
	font-weight:bold;
	background-color:#CCCCCC;
	padding:5px 10px 5px 10px;
	}
#header #login th {
	font-weight:normal;
	background-color:#EDEDED;
	padding: 2px 2px 5px 2px;
	}
#header #login td {
	padding: 2px 2px 5px 2px;
	background-color:#EDEDED;
	padding:2px;
	text-align:center;
	}
#header #login input {
	font-size:x-small;
	font-family:Arial;
	width:100px;
	height:15px;
	}
#header #login .button {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:10px;
	padding:2px 6px 2px 6px;
	border:#6FC8DF solid 1px;
	}
/*table with border*/

.bordercol_1 {
	border-left:#CCCCCC solid 1px;
	border-right:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
}
.bordercol_2 {
	border-right:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
}
/*leftcol*/
#leftcol{
	width:227px;
	background-color:#FFFFFF;
	zzborder-left:#CCCCCC solid 1px;
	zzborder-right:#CCCCCC solid 1px;
	zzborder-top:#CCCCCC solid 1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	}
/*left col navigation buttons - level one */
#leftcol .buttonlevelone {
	background-image:url(../images/leveltwo.gif);
	color:#ffffff;
	font-weight:bold;
	zwidth:227px;
	font-size:13px;
	padding:5px 2px 2px 10px;
	border:#779BA1 solid 1px;
	}
/*left col navigation buttons - level two */
#leftcol .buttonleveltwo {
	background-image:url(../images/leveltwo.gif);
	color:#ffffff;
	font-weight:bold;
	zwidth:227px;
	font-size:15px;
	padding:5px 2px 2px 10px;
	border:#779BA1 solid 1px;
	}
/*buttonlinks*/
#leftcol a:link, #leftcol a:visited, #leftcol a:active {
	color:#FFFFFF;
	text-decoration: none;
}
#leftcol a:hover {
	color:#C1C1C1;
	text-decoration: none;
}

#leftcol .subleveltwo {
	background-color:#ffffff;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#leftcol .subleveltwoactive {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#leftcol .subleveltwo_last {
	background-color:#ffffff;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	}
#leftcol .subleveltwoactive_last {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	zwidth:227px;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
}


/* middle column for main content of page*/
#midcol {
	width:100%;
	padding-top:2px;
	background-color:#FFFFFF;
	zzborder-top:#CCCCCC solid 1px;
	vertical-align:top;
	}
#midcol .title, #midcol h3 {
	font-size:14px;
	font-weight:bold;
	padding: 8px 8px 0px 8px;
	zzmargin-bottom:5px;
	}
#midcol #main_level1 {
	padding: 8px 10px 8px 10px;
	background-color:#EFEFEF;
	border-bottom: #FFFFFF solid 1px;
	}
#midcol #main_level2 {
	padding: 8px 10px 15px 10px;
	/* background-color:#EFEFEF; */
	border-bottom: #FFFFFF solid 1px;
	}

/*main content table formatting*/
/* level 1 tables*/

#midcol #main_level1 th{
	padding: 2px;
	width:175px;
	font-weight:bold;
	background-color:#CCCCCC;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level1 td{
	padding: 2px;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level1 caption{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	zborder-right:1px solid #FFFFFF;
	font-weight:bold;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
	background-color:#779BA1;
	text-align:left;
				}
#midcol #main_level1 .buttonreturn {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 2px 0px;
	border:#6FC8DF solid 1px;
	}
/*level 2 tables*/
#midcol #main_level2 table {
	margin-bottom:5px;
	font-size:x-small;
	position:relative;
	}
#midcol #main_level2 th{
	padding:4px 2px 2px 5px;
	width:175px;
	height:24px;
	font-weight:bold;
	background-color:#CCCCCC;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level2 .thsmaller{
	padding: 2px;
	width:100px;
	height:24px;
	font-weight:bold;
	background-color:#CCCCCC;
	border-bottom:#AAAAAA solid 1px;
	}#midcol #main_level2 td{
	padding: 2px;
	height:24px;
	border-bottom:#AAAAAA solid 1px;
	}
#midcol #main_level2 .th_horizontal{
	font-weight:bold;
	background-color:#CCCCCC;
	padding: 2px;
	height:24px;
	border-bottom:#AAAAAA solid 1px;
	}

#midcol #main_level2 .button, #midcol #main_level1 .button, .button {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:10px;
	padding:3px 12px;
	border:#6FC8DF solid 1px;
}

.button_disabled {
	color: #cccccc;
	background-image:url(../images/leveltwo.gif);
	font-size:10px;
	padding:3px 12px;
	border: 1px solid #cccccc;
}

#midcol #main_level2 .adminbutton, #midcol #main_level1 .adminbutton, .adminbutton {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:10px;
	padding:3px 12px;
	border:#6FC8DF solid 1px;
	line-height: 2.3em;
	white-space: nowrap;
}

#midcol #main_level2 .button:hover {
	text-decoration: none;
}

#midcol #main_level2 caption{
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
	text-align:left;
	background-color:#779BA1;
	}
/*styles for both levels of midcol tables*/
#midcol th {
	font-weight:bold;
	padding:1px 5px 4px 5px;
	text-align:left;
	}
#midcol td {
	padding:2px 5px 4px 5px;
	}
/*midcol table navigation links*/
#midcol a:link {
	color: #69ACF0;
	/* font-weight:bold; */
	text-decoration: none; }
#midcol a:visited {
	color:#69ACF0;
	/* font-weight:bold; */
	text-decoration: none;
}
#midcol a:hover {
	color:#69ACF0;
	/* font-weight:bold; */
	text-decoration: underline;
}
#midcol a:active {
	color:#FFD639;
	/* font-weight:bold; */
	text-decoration: none;
}
/*right hand col*/
#rightcol{
	width:175px;
	background-color:#FFFFFF;
	zzborder-left:#CCCCCC solid 1px;
	zzborder-right:#CCCCCC solid 1px;
	zzborder-top:#CCCCCC solid 1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	}

#rightcol a {
	color:#FCFCFC;
	text-decoration:none;
}

#rightcol a:hover {
	color:#FF9C3B;
	text-decoration:none;
}

#rightcol td {
	padding-bottom:20px;
	}
/*right col */
 #rightcol .buttonleveltwo {
	background-image:url(../images/leveltwo_arrowbutton.gif);
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	padding:4px 2px 3px 18px;
	border:#779BA1 solid 1px;
	background-repeat:repeat-x;
	}

#rightcol .buttonlevelthree {
	background-image:url(../images/levelthree_arrowbutton.gif);
	color:#ffffff;
	font-weight:bold;
	text-align:left;
	font-size:13px;
	padding:4px 2px 3px 18px;
	border:#FF9C3B solid 1px;
	background-repeat:repeat-x;
	}
#rightcol .subleveltwo {
	background-color:#ffffff;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#rightcol .subleveltwoactive {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	border-bottom:#CCCCCC solid 1px;
	}
#rightcol .subleveltwo_last {
	background-color:#ffffff;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	}
#rightcol .subleveltwoactive_last {
	background-image:url(../images/leveltwo_pointer.gif);
	background-repeat:no-repeat;
	font-weight:bold;
	height:25px;
	font-size:12px;
	padding:5px 2px 2px 20px;
	}
#footer{
	background-image:url(../images/footer.gif);
	background-repeat:repeat-x;
	padding:5px 5px 5px 5px;
	/* border-top:#FFFFFF 5px solid; */
	clear:both;
	margin-top: 0px;
}
/*footer navigation - in line*/
#footer #BaseNav {
	clear:left;
	list-style:none;
	margin:0;
	font-weight:bold;
	font-size:x-small;
	color:#FF9C3B;
	text-align:right;
}

#footer #BaseNav li.inline {
  	display: inline;
  	padding-left: 8px;
  	padding-right: 7px;
  	border-right: 1px solid #FF9C3B;
  	}

#footer #BaseNav li.last {
  	display: inline;
	padding-left: 8px;
  	padding-right: 3px;
  	border-right: 0px;
  }
#footer #BaseNav a:link {
	color: #9A9A9A;
	font-weight:bold;
	text-decoration: none; }
#footer #BaseNav a:visited {
	color:#9A9A9A;
	font-weight:bold;
	text-decoration: none;
}
#footer #BaseNav a:hover {
	color:#69ACF0;
	font-weight:bold;
	text-decoration: none;
}
#footer #BaseNav a:active {
	color:#FFD639;
	font-weight:bold;
	text-decoration: none;
}

/* level 1 summarytable*/
#midcol #summarytable  table {
	margin-bottom:5px;
	font-size:x-small;
	}
#midcol #summarytable th{
	padding:4px 5px 4px 5px;
	font-weight:bold;
	width:360px;
	color:#FFFFFF;
	background-color:#9AB4B8;
	border-bottom:#FFFFFF solid 1px;
	}
#midcol #summarytable td{
	padding:4px 5px 4px 5px;
	border-bottom:#FFFFFF solid 1px;
	background-color:#CCDADC;
	}
#midcol #summarytable caption{
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	zborder-right:1px solid #FFFFFF;
	font-weight:bold;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
	background-color:#356a72;
	text-align:left;
				}
#midcol #summarytable .buttonreturn {
	background-image:url(../images/leveltwo.gif);
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 2px 0px;
	border:#6FC8DF solid 1px;
	}
/*midcol table navigation links*/
#midcol #summarytable a:link {
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none; }
#midcol #summarytable a:visited {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}
#midcol #summarytable a:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}
#midcol #summarytable a:active {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: none;
}

#midcol form.reportfilters {
	padding: 0 8px;
}
#midcol h4 {
	font-size:12px;
	font-weight:bold;
}

/* ensure menu links fill width of table */
a.navlink {width: 100%;position: relative;display: block;}

tr.row_odd td {background: #efefef;}

td.uploaded_filename_col {
	width: 188px;
}

img.ajaxloader {
	padding-left: 7px;
	position: relative;
	top: 4px;
}

span.loader_status {
	font-weight: bold;
	color: #ff000f;
	font-size: 16px;
}

/* Reference Library */
div.libraryTree
{
	overflow: hidden;
	width: 100%;
}

div#libraryList
{
	width: 25%;
	float: left;
	vertical-align: baseline;
}

#midcol div#libraryList *
{
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
}

#uploadDialog
{
	width: 240px;
}

table#libraryPanel
{
	width: 60%;
	margin-left: 5%;
	float: left;
	padding: 5px 5px 20px 5px;
	border: 1px solid #CCCCCC;
}

table#libraryPanel td
{
	padding: 5px;
}

tr.libraryFileOver
{
	background-color: #EEEEEE;
}

.datepicker input {
	width: 185px;
}

.datepicker img {
	float: right;
}

div#variation_instruction_holder {
        margin-top: -1em;
        margin-bottom: 1em;
        width: 60em;
}

p.variation_instructions {
        margin-top: 0.5em;
        font-size: 1.2em;
}

#midcol #main_level2 tr#changerequest_row th {
    width: 220px;
}