﻿body {
    padding-top:4px;
    font-family:Verdana;
    font-size:10pt;
}

.divRequired
{
    font-size:7pt;
    float:right;
    margin:0 15px 0 0;
    padding:0;
}

.tdTopBanner
{
    height: 185px; 
    padding: 0; 
    margin: 0
}

.tdTopMenu
{
    width: 100%;
}

.ClientStyleTopMenu
{
    background-image: url(../Images/menusurround.png);
    height: 27px;
    padding: 4px 10px 0 15px;
}

.ClientStyleTopMenu a{
	text-decoration:none; 
	padding-right:20px;
	font-size:8pt; 
}

.ClientStyleTopMenu a:Hover
{
	text-decoration:underline; 
}

.SidePortlet
{
    width: 214px;
}

.SidePortlet a
{
    font-size:8pt;
    text-decoration:none;
}

.SidePortlet a:Hover
{
    text-decoration:underline;
}

.SidePortlet .Top
{
    height: 23px; 
    background-image: url(../Images/sideportlettop.png);
    font-size: 10pt; 
    padding: 1px 0 0 15px;
}

.SidePortlet .Middle
{
    background-image:url(../Images/sideportletmiddle.png); 
    padding: 5px 15px 2px 10px;
}

.SidePortlet .Bottom
{
    height: 15px; 
    background-image: url(../Images/sideportletbottom.png);
}

.InvalidTextBox
{
    color:Red;
    border:solid 1px red;
}

#tblMain
{
    width: 1000px; 
    height: 212px;
    padding:0;
    margin:0 auto 0 auto;
}

.tdMain
{
    text-align:left;
    margin:0;
    padding:0;
    width:800px;
}

.tblMainArea
{
    width:784px;
    margin-left:4px;
}

.tblMainArea .Top
{
    background-image: url(../Images/mainareatop.png); 
    background-repeat:no-repeat;
    height: 16px;
}

.tblMainArea .Middle
{
    background-image: url(../Images/mainareamiddle.png); 
    text-align: left;
    padding: 0 8px;
}

.tblMainArea .Bottom
{
    background-image: url(../Images/mainareabottom.png); 
    height: 16px;
}

.divHeadText
{
    font-weight:bold; 
    font-size:10pt; 
    font-family:Arial;
    padding:0 0 10px 0;
}

.divBottom
{
    text-align: right; 
    padding: 5px 2px 0 0
}

.SquareButton
{
    background-color:White;
    border:0 none;
    cursor:pointer;
    height:20px;
    width:95px;
}


.Loading
{
    border:solid 1px #8CAEBD;
    background-color:#DEE7EF;
    font-size:8pt;
    padding:2px 10px 2px 10px;
    color:#8CAEBD;
}

.SettingsArea
{
    border:solid 1px #D4D4D4;
    width: 100%;
}

.SettingsArea .TopTitle
{
    background-color:#EDEDED;
    padding:2px;
    border-bottom:solid 1px #D4D4D4;
    text-align: left;
}

.SettingsArea .Content
{
    padding:5px 0 5px 0;
}

.divStatusMessage
{
    margin:15px 12px 12px 12px;
    padding:2px 0 2px 0;
    text-align:center;
    font-size:8pt;
}

.divStatusMessage_Success
{
    border:solid 1px green;
    color:Green;
    background-color:#D2FFC7;
}

.divStatusMessage_Failed
{
    border:solid 1px Red;
    color:Red;
    background-color:#FFDDDD;
}


.fckEditorTd
{
    padding:5px;
}


.MiddleAdmin
{
    border:solid 1px #8CAEBD;
    background-color:White;
    padding:2px 5px 5px 5px;
}

.divTitleText
{
    border-bottom:solid 1px #8CAEBD;
    width: 80%;
    margin:0 0 10px 0;
    font-size:12pt;
    font-weight:bold;
}

.sectionBody
{
    background-color:#DADADA;
    padding:2px;
    margin:0px 2px 0px 2px;
    font-size:10pt;
    font-family:Arial;
    border:dashed 1px #393939;
    border-top:none;
    text-align:center;
    width:100%;
}

.sectionHeader
{
    background-color:#393939;
    padding:2px;
    font-size:10pt;
    font-family:Arial;
    color:White;
    width:100%;
}

.OrderDimensionsHeader
{
    background-color: #507CD1; 
    font-weight: bold; 
    color: White;
    padding-left:2px;
}

.OrderDimensionBody
{
    border:dashed 1px #507CD1;
    border-top:none;
    padding:2px;
}

.jobsHeader
{
    background-color:#082E62;
    padding:2px 2px 2px 5px;
    font-size:10pt;
    font-family:Arial;
    color:White;
    width:100%;
}

.jobsBody
{
    background-color:#CDD4DE;
    font-size:10pt;
    font-family:Arial;
    border:dashed 1px #082E62;
    border-top:none;
    text-align:center;
    width:100%;
}

.tableOrderJobs
{
    font-size:8pt;
}

.tableOrderJobs .left
{
	width:32px;
}

.tableOrderJobs table
{
	border:none !important;
	width:100%;
}

.tableOrderHeader
{
    background-color:#9CABBF;
    text-align:left;
    padding-left:4px;
    margin:0;
}

.tableOrderBody
{
    border:solid 1px #9CABBF;
    border-bottom:none;
    padding:0 4px 0 4px;
}

.tableOrderHover
{
    text-align:left; 
    border-left:none; 
    cursor:pointer;
    font-weight:bold;
    font-size:10pt;
}

.tdHoverTitle
{
    background-color:#9CAABD; 
    padding:2px; 
    font-weight:bold;
}

.tdHoverLeft
{
    text-align:right; 
    font-weight:bold; 
    width:50px; 
    border-left:solid 1px #9CAABD;
    border-bottom:solid 1px #9CAABD;
    padding:2px;
}

.tdHoverRight
{
    width:150px; 
    text-align:left;
    border-right:solid 1px #9CAABD;
    border-bottom:solid 1px #9CAABD;
    padding:2px;
}

.tdHoverSpan
{
    width:auto;
    font-weight:normal; 
}

.tableDestination
{
    padding:0;
    margin:4px 0 0 0;
    width:100%;
}

.tableOrigin
{
    padding:0;
    margin:0;
    width:100%;
}

fieldset
{
    margin:0 5px 5px 5px;
    padding:0 5px 10px 5px;
    border:solid 1px #8CAEBD;
    font-size:8pt;
    clear:both;
}

fieldset legend
{
    font-size:8pt;
    background:White none repeat scroll 0 0;
    padding:0.5em;
}

fieldset table
{
    color: gray;
    width:100%;
}

fieldset table td.spacer-jobs{
    border-bottom:solid 1px silver;
}

fieldset table td.details-left{
    font-size:10pt;
    width:160px;
    color:Black;
    font-weight:bold;
    padding:2px 2px 2px 0;
    text-align:right;
}

fieldset table td.details-right{
    font-size:10pt;
    color:Black;
    padding:2px 0 2px 2px;
    text-align:left;
}

fieldset table td.details-header{
    color:white;
    font-size:10pt;
    font-weight:bold;
    text-align:left;
    padding:2px 0 2px 5px;
    border:solid 1px black;
    background-color:Gray;
}

fieldset table .DetailsLeft
{
    width: 150px; 
    text-align: right;
    color: black;
}

fieldset table .DetailsRight
{
    width: 150px; 
    text-align: left;
}

.divCodeArea
{
    border:solid 1px silver;
    background-color:#F3F3F3;
    width:700px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    white-space:pre-wrap;
    word-wrap: break-word;
    text-align:left;

}

.spnTitle
{
    margin:0 0 2px 0;
    font-weight:bold;
}

.divBox{
    border:solid 1px silver;
    width:100%;
    margin:5px 0 5px 0;
}



.divPageAdminControls
{
    background-color:#DEE7EF;
    width:782px;
    margin: 16px 0 0 0;
    padding:0;
    text-align:right;
}

.divPageAdminControls ul{	
    margin: 0;
	padding: 0;
	z-index: 30;
}

.divPageAdminControls ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	border:solid 1px #8CAEBD;
	border-bottom:none;
	margin:0 5px 0 0;
}

.divPageAdminControls ul li a{	
    display: block;
	margin: 0 1px 0 0;
	padding: 2px 10px;
	background: #DEE7EF;
	color: #5970B2;
	text-align: center;
	text-decoration: none;
}

.divPageAdminControls ul li a:hover{
	color: #5970B2;
}

.divPageAdminControls ul div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

.divPageAdminControls ul div a{
    position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px arial;
}

.divPageAdminControls ul div a:hover{	
    background: #5970B2;
    color: #EAEBD8;
}









.square-button{
    background-color:White;
    border:0;
    height:20px;
    margin-bottom:1px;
    cursor:pointer;
    width:95px;
}

.square-button-disabled{
    background-color:White;
    border:0;
    height:20px;
    margin-bottom:1px;
    cursor:default;
    width:95px;
    color:#888888;
}

.button-wrapper{
    border:1px solid #7F9DB9;
    padding:5px 0;
}

.button-wrapper-disabled{
    border:solid 1px #bfcfde;
    padding:5px 0;
}

.head-text{
    font-size:10pt;
    font-family:Verdana;
    padding:5px 5px 10px 0;
}

.bottom-controls{
    text-align:right;
    padding:5px 5px 5px 0;
}

.bottom-controls input{
    margin-left:15px;
}

.order-results-fieldset{
    text-align:left;
    padding:0 8px 8px 8px;
}
.order-results-fieldset legend{
    font-size:10pt;
    font-weight:bold;
    color:Black;
}

.order-results{
    margin:0;
    width:100%;
    border-right:solid 1px gray;
    border-top:solid 1px gray;
    border-bottom:solid 1px gray;
}

.order-results td, .order-results th{
    padding:2px 10px 2px 10px;
    text-align:left;
    color:Black;
    border-left:solid 1px gray;
}

.order-results th{
    border-bottom:solid 1px black;
    border-top:solid 1px black;
    background-color:Gray;
    color:White;
}

.order-results .odd{
    background:#f3f3f3;
}

.order-results th.orderid{
    width:80px;
}

.order-results th.createddate, .order-results td.createddate{
    width:150px;
    text-align:center;
}

.order-results th.orderstatus, .order-results td.orderstatus{
    width:100px;
    text-align:center;
}

.order-results th.jobsinorder, .order-results td.jobsinorder{
    width:100px;
    text-align:center;
}


.order-results th.ordertotal, .order-results td.ordertotal{
    width:90px;
    text-align:right;
}

.order-results td.vieworder{
    text-align:right;
    padding:5px 3px 5px 0;
}

.fieldset-controls{
    float:right;
    font-size:8pt;
}

.fieldset-controls select{
    font-size:8pt;
}

.order-loader{
    text-align:center;
    color:#8caebd;
    font-size:10pt;
    padding:10px;
}

.order-jobs .spacer{
    height:5px;
}

.document-link{
    text-align:center;
}

.document-link a{
    color:Blue;
    text-decoration:none;
}

.document-link img{
    border:none;
}

.document-link a:Hover{
    color:Black;
    text-decoration:underline;
}

.fieldset-results{
    float:left;
    font-size:8pt;
}

.ClientStyleTopMenu .menu-date{
    text-align:right;
    font-size:8pt;
}

.ClientStyleFooter .menu-links{
    text-align:right;
    padding:0 18px 0 0;
    font-size:8pt;
}

.ClientStyleFooter .menu-links a{
    text-decoration:none;
    margin-left:20px;
}

.ClientStyleFooter .menu-links a:Hover{
    text-decoration:underline;
}