/*Master design template*/
/*body {width:100%;
       background-color:#EBF0F9;
       margin:0 auto;
       padding:0 auto;
           color:#6A6E6A;
           font-family:Arial;
           font-size:large;
}*/
#header
{
	height:80px;
	padding:5px;
	background-color:#000;
	border-bottom:solid 8px #517DBF;
	color:#EBF0F9;
}
#userpanel
{
	 background-color:#c0c0c0;
	 padding:20px 5px 5px 5px;
	 color:#393436;
}
#sidebar
{
width:220px;
min-height:450px;
background-color:#CBD8EB;
}

#body
{
	}

 
#footer
{
	padding:0 5px 5px 5px;
    z-index: 10;
}
	
	
	
	/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	}

.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=70);
	opacity:0.6;
}

.modalProgressRedBackground 
{
    background:Red;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopupNew
{
    text-align:center;
    padding-top: 30px; 
    border-style:none; 
    border-width:0px; 
    filter:alpha(opacity=90);
    background-color:#ccc; 
    width:100px; 
    height:100px;
}

.modalPopup {
    padding: 15px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
	
/*General information skins*/
.error
{
	color:#ff0000;
}

.notification
{
	color:#22821B;
}

.left
{
	float:left;
}

.right
{
	float:right;
}
.bold
{
	font-weight:bold;
}

.lighter
{
	font-weight:lighter;
}

.italics
{
	font-style:italic;
}

.centre
{
	text-align:center;
}

.middle
{
	vertical-align:middle;
}

.clear
{
	clear:both;
}

.clearh10
{
	clear:both;
	height:10px;
}

.clearh20
{
	clear:both;
	height:20px;
}

.clearh30
{
	clear:both;
	height:30px;
}

.clearh50
{
	clear:both;
	height:50px;
}

.hide
{
 display:none;
}

/* Generic controls*/
p
{
	font-size:12px;
	margin:1px;

}
ul
{
	 list-style-type:square;
}
/*a
{
	text-decoration:none;
	font-size:12px;
	color:#393436;
}*/

a:hover
{
	text-decoration:none;
}
/*Hakeem Edit*/
.menu-wrap
{background-color:#34551b; color:#34551b;
    margin:0 auto;width:100%;height:30px;
    border-top:solid 1px #e5eedd;-moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
                    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
                    /*-moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; 
                    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;*/
}
.StaticMenuItemStyle
{
    margin:0;padding:5px 8px;width:auto;font-size:14px;font-weight:bold;text-decoration:none;
}
.StaticHoverStyle
{
    text-decoration:none;
}
.StaticMenuItemSelectedStyle
{
    background-color: #5bb75b;
    text-decoration:none;
  /*border-bottom:solid 4px #a8df3a;text-decoration:none;*/
}
.dynamicMenuItemStyle
{
    text-decoration:none;
    color: #fff;
    background-color: #34551B;
    padding: 2px 7px 4px 7px;
    
}

.dynamicMenuItemStyle a {
    /*color:*/ 
}
.menuItemMouseOver
{
  text-decoration:none;  
}


.left
{
float:left;
}
.right
{
float:right;
}
.clearh5
{
clear:both;height:5px;
}
.clearh10
{
clear:both;height:10px;
}
.clearh20
{
clear:both;height:20px;
}



body:not(#loginView) {
     background: url(images/rr.jpg) repeat #0d300a;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}



.corner-button {
    font-weight: normal;
    font-size:medium;
    margin-right: 5px;
}

.corner-button {
    margin-top: 5px;
  color: #393436;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5b7b5e;
  *background-color: #5b7b5e;
  background-repeat: repeat-x;
    /*background-image: linear-gradient(to bottom, #5b7b5e, #ffffff);*/
    border-left-color: #5b7b5e;
    border-right-color: #5b7b5e;
    border-top-color: #0044cc;
    border-bottom-color: #002a80;
}



#topmenu {
    width: 90%;
    margin-left: 5%;
    /*margin-right: 100%;*/
}


/** Revamp  **/


div.header {
    background: url(images/header_bg.jpg) repeat #0d300a;header
    /*background-color: #538429;/*e7f4dc;*/
    position: relative;
    background-color: #202211;
    border-bottom: 10px solid #a8df3a;
}

div.content {
    /*background-color:#e7f9eb;*/
    background: url(images/rr.jpg) repeat #0d300a;
    margin-bottom: 0;
    border-bottom: 1px solid #a8df3a;
}

div.header, div.content, div.footer {
    padding-left: 5%;
    padding-right: 5%;
}


div.header div.loginSection {
    float: right;
}


div.header div.logo {
    padding-top: 10px;
}


div.header a {
    color: #fff;
}


div.content div.main-content {
    background-color: #e7f9eb;
    padding-top: 20px;
    margin-left: 2px;
    margin-right: 1px;
    padding-bottom: 25px;
    margin-bottom: 0;

    box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
    -khtml-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
}

.table {
    border-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius:4px;
}

.osifo-table {
    margin-top: 10px;
    width: 100%;
}

.fulltable {
    width: 100%;
    clear: both;
}

.main-content > div {
    background-color: #fff;
    padding: 10px;
    border: 1px solid inherit;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;

    box-shadow: rgba(117, 147, 12, 0.30) 0px 0px 5px 3px;
    -khtml-box-shadow: rgba(117, 147, 12, 0.30) 0px 0px 5px 3px;
    -moz-box-shadow: rgba(117, 147, 12, 0.30) 0px 0px 5px 3px;
    -webkit-box-shadow: rgba(117, 147, 12, 0.30) 0px 0px 5px 3px;
}

.footer_image {
    width:10%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8px;
    border-bottom: 1px solid #34551B
}


div.footer {
     background: url(images/rr.jpg) repeat #0d300a;
}

div.footer > div {

    padding-top: 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

div.footer  p {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
div.header > div {

    box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
    -khtml-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 5px;

    
}

div.header > div > div.logo, div.loginSection {
    padding-left: 8px;
    padding-right: 8px;
}


.full_table {
    width: 100%;
}

.servertextbox {
    margin-top: 8px;
}

.aligntop {
    vertical-align:top;
}


#NavigationMenu a:hover {
    /*text-decoration: underline;*/
    background-color: #6c9518;
}

#NavigationMenu a {
    display: block;
    font-size:14px;

}

.pushdownItem {
    padding-top: 10px;
}

table#NavigationMenu td {
    font-size: 14px;
}

table.osifo-table td {
    font-size: 12px;
}

table.osifo-table {
    width: 100%;
}

#FuelContent_btnSearchVH {
    margin-top: 18px;
}


/* universal formpanel  
----------------------------------------------------------*/

.formpanel {
    border-top: 2px solid #a66418;
    font-size: 14px;
    min-height: 5px;
    padding: 10px 5px 5px 15px;
}

.formpanel a {
    background-color: transparent;
    color: #666;
    font-size: 12px;
    margin: 0px;
    text-decoration: underline;
}

.formpanel a:hover {
    color: #999;
    text-decoration: none
}

.formpanel table {
    border: 1px dotted #ffab4a;
    width: 100%;
}

.formpanel table tr { }

.formpanel table td {
    border-bottom: 1px dotted #ffab4a;
    font-family: calibri, arial, tahoma;
    padding: 3px 15px 4px 10px;
    vertical-align: top;
    width: 13%;
}

.formpanel table td:first { padding-left: 0px }

.formpanel table td:nth-child(even) {
    border-right: 1px dotted #ffab4a;
    width: 20%;
}

.formpanel b { white-space: nowrap }

.formpanel input[type="text"], .formpanel input[type="password"], .formpanel .textentry { width: 85%; }

.formpanel select { width: 88%; }

.formpanel hr { background-color: #a66418 }

.rod {
    background-color: transparent;
    border: 2px solid #000;
}