body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    background: #202A34;
}

body:before {
    content:"";
    position:fixed;
    top:-10px;
    left:0;
    width:100%;
    height:10px;
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,.8);
    -moz-box-shadow:0px 0px 10px rgba(0,0,0,.8);
    box-shadow:0px 0px 10px rgba(0,0,0,.8);
    z-index:100;
}

#page
{
    margin-top: 2px;
    margin-bottom: 5px;
    background: white;
    border-top: 1px solid rgb(197, 169, 119);
    text-align: center;
    background-color: #F9F4EE;
}

#header
{
    margin: 0;
    padding: 0;
    border-top: 3px solid #C9A664;
    background-color: #F5E8D0;
}

#content
{
    padding: 20px;
}

#sidebar
{
    padding: 20px 20px 20px 0;
    position: absolute;
    right: 5px;
    top: 150px;
}

#footer
{
    padding: 10px;
    /*margin: 10px 20px;*/
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid rgb(184, 169, 157);
    background: rgb(32, 42, 52);
    color: #99ccff;
}

#logo
{
    padding: 10px 20px 0px;
    font-size: 200%;
}

#logo img {
    height: 130px;
}

#mainmenu
{
    /*background:white url(bg.gif) repeat-x left top;*/
    background:#03233E;
}

#mainmenu ul.nav-main {
    margin:0;
    padding:0;
    clear:both;
    height:25px;
    display: inline-block;
}

#mainmenu ul
{
    padding:6px 20px 5px 20px;
    margin:0px;
}

#mainmenu ul li
{
    display: inline;
}

#mainmenu ul li a
{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
    padding:5px 8px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #99ccff;
    /*background-color: #161B21;*/
    text-decoration:none;
}

#mainmenu ul { 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    position: relative; 
    height: 30px; 
}

#mainmenu ul li { 
    display: block; 
    height: 28px; 
    float: left; 
    overflow: visible; 
}
#mainmenu ul li:hover > ul { 
    display: block; 
}

#mainmenu ul li a { 
    float: left; display: block; 
}

#mainmenu ul li ul { 
    display: none; 
    position: absolute; 
    top: 100%;
    background: #03233E; 
    color: #fff; 
    height: auto;
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}

#mainmenu ul li ul li {
    min-width: 150px;
    width: 150px;
    max-width: 150px;
}

#mainmenu ul li ul li a { 
    color: #ccc; 
    padding: 4px 14px; 
    display: block; 
}

#mainmenu ul li ul li.active a,
#mainmenu ul li ul li a:hover { 
    color: #fff; 
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #F9F4EE;
}

.portlet
{

}

.portlet-decoration
{
    padding: 3px 8px;
    /*background: rgb(244, 234, 212);
    border-left: 5px solid rgb(197, 169, 119);*/
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    /*background:rgb(244, 234, 212);*/
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.operations li
{
    padding-bottom: 2px;
    float: left;
}

.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{

}

.operations li a:hover
{

}

.detailedViewTable td, .detailedViewTable th 
{ 
    border-bottom: 1px solid #E8D1B8; 
    border-left: 1px solid #E8D1B8;         
    padding: 0px 10px 0px 5px; 
}

.detailedViewTable tr td:last-child
{
    border-right: 1px solid #E8D1B8; 
}

.detailedViewHeader
{
    border-top: 1px solid #E8D1B8;
    background: #F3ECE4;
    padding: 7px;
}

.dvtCellLabel, .cellLabel 
{ 
    background: #F3ECE4;
    color: #545454; 
    padding-left: 10px; 
    padding-right: 10px; 
    white-space: nowrap; 
    text-align: right; 
}


.grid-helper {
    display: none;
}

.id-column {
    width: 25px;
    text-align: center;
}

.short-num-column{
    width: 75px;
}

.medium-num-column{
    width: 100px;
    text-align: right;
}

.long-num-column{
    width: 150px;
    text-align: right;
}

.long-text-column{
    min-width: 150px;
}

.medium-text-column{
    min-width: 120px;
    max-width: 180px;
    text-align: left;
}

.short-text-column{
    min-width: 50px;
    max-width: 75px;
    text-align: left;
}

.date-field{
    width: 75px;
    text-align: center;
}

.date-time-field{    
    min-width: 110px;
    max-width: 140px;
    text-align: center;
}

.phone-field{
    width: 90px;
    text-align: center;
}

.status-column{
    width: 15px;
    text-align: center;
}

.static-text-column{
    width: 50px;
    text-align: center;
}


.purchaseOrderDocs th, .purchaseOrder td { background: #ebebeb;   }
/**.purchaseOrderDocs table.detailedViewTable table tbody td { background: #f7f7f7;   }*/
.purchaseOrderDocs th.myheader { background: #ebebeb; color:#000; font-weight:bold;padding: 1px 5px 1px 5px !important; }
.purchaseOrderDocs .filename a { text-decoration: none; color:#555; font-style: italic; font-weight:bold;}
.purchaseOrderDocs .filename a:hover { color:#f00;}
.purchaseOrderDocs .filename, .delete-icon { float: left; padding-left:10px; }
.purchaseOrderDocs .delete-icon { padding-left:7px; }

.purchaseOrderDocs .row.fileupload-buttonbar { height:10px !important; margin:3px 0px -3px !important; }
.purchaseOrderDocs .row.fileupload-buttonbar .btn { /*padding: 0px 7px !important;*/ }
.purchaseOrderDocs table.detailedViewTable table { padding-bottom:14px; }
.purchaseOrderDocs table.detailedViewTable table.table-striped { padding-bottom: 0px;; }
.purchaseOrderDocs table.table-striped td { border:0px;}


.btn.btn-success {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
	background:-moz-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-o-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:-ms-linear-gradient(top, #89c403 5%, #77a809 100%);
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809',GradientType=0);
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:10px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.btn.btn-success:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.btn:active {
	position:relative;
	top:1px;
}

.fileupload-buttonbar .btn {
    padding: 3px 7px !important;
}

/*.breadcrumbs a {
	display: block;
	float: left;
	height: 50px;
	background: #E8D1B8;
	text-align: center;
	padding: 30px 40px 0 40px;
	position: relative;
	margin: 0 10px 0 0; 
	
	font-size: 20px;
	text-decoration: none;
	color: #444;
}
.breadcrumbs a:before {
	content: "";  
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 40px solid #E4C39F;
	position: absolute; 
        left: 0; 
        top: 0;
}*/

.ltr{text-align:left;}
.rtl{text-align:right;}
.ctr{text-align:center;}

.adv-search-ctrl .input-group {    
    background-color: #ccc;
    padding: 3px;
    border-radius: 4px;
}
.adv-search-ctrl .form-control {
    padding: 5px;
}


.data-section legend {
    text-align: left;
    font-weight: bold;
}

.data-table {	
    background: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px rgb(210, 195, 161) solid;
}


.data-table th {
    background: #C1A15F none repeat scroll 0% 0%;
    color: white;
}	

.data-table .action-column {
    text-align: center;
    margin: 0 auto;
}


.data-table .phone_country_code, 
.data-table .phone_area, 
.data-table .phone_prefix, 
.data-table .phone_number, 
.data-table .phone_ext, 
.data-table .phone_dayeveboth, 
.data-table .phone_usage, 
.data-table .phone_type,
.data-table .phone_formatted_number{
    
}

.data-table .phone_country_code, 
.data-table .phone_area, 
.data-table .phone_prefix,
.data-table .phone_ext{
    width: 50px;
}

.data-table .phone_number{
    width: 70px;
}

.data-table .phone_formatted_number{
    width: 100px;
}

.add-button, .remove-button{
    color: white;    
    width: 100px;
    margin: 0px auto;
    padding: 5px;
    border-radius: 5px;
    font-style: normal;
    font-size: 13px;
    cursor: pointer;
}

.add-button{
    background-color: darkgreen;
    width: 50px;
}

.remove-button{
    background-color: red;
    width: 60px;
}

.ui-dialog .ui-dialog-titlebar {
    border: 0px;
    background: #C0A779;
    color: #FBF8F1;
    font-weight: normal;
    font-size: 0.8em;
}