body, html
{
    height: 100%;
    margin: 0px auto;
}
body
{
    margin: 0px;
    text-align: left;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #BDDEFF;    
    background-repeat: repeat-x;
    min-width: 980px;
}

img
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

a
{
    text-decoration: none;
    color: #10428C;
    font-size: 11px;
    font-weight: bold;
}

.header
{
    padding: 0px 5px;
    /*background-color: #D3E4F6; 
    border-width: 1px;
    background-image: url('../images/bg4.png');*/
}
.header div
{
    float: right;
    padding: 15px 18px;
}
.header div a
{
    color: #df7e44;
    font-weight: bold;
}
.header div a:hover
{
    
}
.header img, .navPanel img, .navSelect img
{
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
    border: none;
}
.subHeader
{
    background-image: url('../images/subheader_bg.png');
    background-repeat: repeat-x;
    height: 27px;    
}
.subHeader div
{
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #10428C;
}
.clear
{
    clear: both;
    float: none;
    height: 0px;
}
.title
{
    font-size: 18px;
    font-weight: bold;
    padding: 0px 5px;
}
.hidden-label{color:#d9d9d9;}
/* TOOLBAR */
.toolbar
{
    height: 25px;
    margin: 0px 5px;
    background-image: url('../images/toolbar_bg.png');
    background-repeat: repeat-x;
    float: left;
}
.toolbarLeft
{
    background-image: url('../images/toolbar_left.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 7px;
    float: left;
}
.toolbarRight
{
    background-image: url('../images/toolbar_right.png');
    background-repeat: no-repeat;
    height: 25px;
    width: 12px;
    float: left;
}
.toolbarContent
{
    padding: 5px;
    float: left;
    height: 25px;
}
.toolbarContent img
{
    vertical-align: top;
    border: 0px;
    margin-right: 5px;
}
.toolbarContent a, .toolbarContent a:visited
{
    padding: 5px;
    color: #000000;
    text-decoration: none;
}
.toolbarContent a:hover
{
    text-decoration: underline;
}
/* NAVIGATION */
.navigation
{
    width: 15%;
    height: 80%;
    margin: 5px 5px 0px 5px;
    border: solid 1px #6394CE;
    background-color: #ffffff;
    float: left;
    vertical-align: bottom;
    position: relative;
}
.navPanel
{
    padding: 10px;
    height: 60%;
}
.navPanel a, .navPanel a:visited
{
    padding: 2px 2px;
    display: block;
    color: #000000;
    border: solid 1px #ffffff;
    text-decoration: none;
}
.navPanel a.selected
{
    background-color: #FFE88C;
    border: solid 1px #D69C00;
}
.navPanel a:hover
{
    background-color: #FFE88C;
    border: solid 1px #D69C00;
}
.navSeparator
{
    height: 10px;
    background-image: url('../images/nav_separator.png');
    background-repeat: repeat-x;
    background-position: center;
}
.navSelect
{
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.navSelect a
{
    height: 22px;
    display: block;
    padding: 5px;
    background-image: url('../images/nav_link.png');
    background-repeat: repeat-x;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.navSelect a.selected
{    
    background-image: url('../images/nav_link_hover.png');
    background-repeat: repeat-x;    
}

.navSelect a:hover
{
    background-image: url('../images/nav_link_hover.png');
    background-repeat: repeat-x;
}
/* CONTENT */
.content
{
    width: 98%;
    margin: 0px 5px 0px 10px;
    background-color: #ffffff;
    border: solid 1px #6394CE;
    vertical-align: top;
    float: left;
}
.contentPanel
{
    padding: 10px;
    overflow: auto;
}


.tblisting
{
    border: solid 1px #6394CE;
    border-collapse: collapse;
}

.tblisting img
{
    border: 0px;
}

.tblisting tr:hover
{
    background-color: #FFE88C;    
}

.tblisting tr td
{
    border: solid 1px #E4EFFA;
    padding: 4px;
}

.tblisting th
{
    background-color: #E4EFFA;
    border: solid 1px #6394CE;
    border-bottom: solid 2px #6394CE;
    height: 18px;
    padding: 4px;
    font-weight: bold;
}

.tblistingmenu
{
    border: solid 0px #6394CE;
    border-collapse: collapse;
}

.tblistingmenu img
{
    border: 0px;
}

.tblistingmenu tr:hover
{
    background-color: #FFE88C; 
    cursor: pointer;   
}

.tblistingmenu tr td
{
    border: solid 1px #E4EFFA;
    padding: 4px;
}

.tblistingmenu th
{
    background-color: #E4EFFA;
    border: solid 1px #6394CE;
    border-bottom: solid 2px #6394CE;
    height: 18px;
    padding: 4px;
    font-weight: bold;
}



.tblistinghdr
{
    border: solid 0px #6394CE;
    border-collapse: collapse;
}

.tblistinghdr th
{
    background-color: #E4EFFA;    
    border-bottom: solid 2px #6394CE;
    height: 18px;
    padding: 4px;
    font-weight: bold;
}

.tblpaging
{
    border: solid 1px #6394CE;
    border-collapse: collapse;
    background-color: #E4EFFA;
   
}
.tblpaging td{
    
    height: 18px;
    padding: 4px;
    font-weight: bold;
}

input[type=text], input[type=password], textarea
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;       
    padding: 1px;
    border: 1px solid #cccccc;
}


input[type="text"], input.text, input.password, input[type="image"]
{   
  border: 1px solid DimGray;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    padding: 4px 6px; 
}



input[type="password"], input.password
{
   border: 1px solid DimGray;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 9px;
    padding: 4px 6px;   
}

textarea
{
    
    padding: 3px;
    border: 1px solid DimGray;
}

/*input[type="button"], input.button
{
    color: #fff;
    cursor: hand;
    font-weight: bold;
    
    border: solid 1px #808080;
    background-color: #256188; 
    padding: 3px;
}*/
/*
input[type="button"], input.button {
    
    background: url("../images/bluebg.gif") repeat-x scroll center bottom #f8f8f8;        
    color: #FFFFFF;
    font: bold 11px Tahoma, Arial,Helvetica,sans-serif;
    margin-top: 2px;    
    padding: 4px;
    cursor:pointer;
}
*/
input[type=button].blue {background-color: #256188; color: #ffffff; border: 1px solid #153b5c; font-size: 1.1em; padding: 3px 3px 3px; cursor:pointer;}
input[type=button].red {background-color: #256188; color: #ffffff; border: 1px solid #153b5c; font-size: 1.1em; padding: 3px 3px 3px; cursor:pointer;}

input[type="radio"], input.radio
{
    border: 0;
}

input[type="checkbox"], input.checkbox
{
    border: 0;
}
select{
 /*background: transparent;
   width: 268px;
   padding: 7px;
   font-size: 14px;
   
   border: 0;
   border-radius: 3px;
  
   -webkit-appearance: none;
   border: 1px solid DimGray;
    border: 1px solid DimGray;
    border-radius: 3px 3px 3px 3px;
    color: #000;
    
    height: 26px;
    line-height: 18px;
    margin-bottom: 2px;
    padding: 4px 6px; */  
}



.button
{    
    padding:5px 15px;
	font-size:13px;
	color:#fff;
	text-align:center;
    font-weight:bold;
	display:inline-block;
	background-color:#1b62a9;

	border:0px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;	
	

	-webkit-appearance: none;
	cursor:pointer;

	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}


.plain 
{          
    
    
    background: url("../images/greyBar.gif") repeat-x scroll center bottom #f8f8f8;       
    color: #000;
    font: bold 11px Tahoma, Arial,Helvetica,sans-serif;
    
    cursor:pointer;
    border: solid 1px #b8b8b8;
}




.popup
{    
    background-color: #ffffff;
    border: solid 1px #6394CE;    
}

.modalPopup
{
    text-align: center;
    padding-top: 30px;
    background-color: #ffffff;
    border: solid 1px #6394CE;
    width: 200px;
    height: 80px;
}
.modalProgressGreyBackground
{
    background: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.subtitle
{
    font-weight:bold;
}
.link{
}
.link li{
float:left ;
display:inline ;
padding-left:10px;
}

.hide
{
    display: none;
}

.show
{
    display: inline;
}

.boxButton li{
padding-right:5px;
float:left ;
display:inline ;

}
.tbldata
{
    border: solid 1px #6394CE;
    border-collapse: collapse;
}

.tbldata img
{
    border: 0px;
}


.tbldata tr td span
{
    /*border: solid 1px #E4EFFA;*/
    padding: 4px 4px 0;
}

.tbldata th
{
    background-color: #E4EFFA;
    border: solid 1px #6394CE;
    border-bottom: solid 2px #6394CE;
    height: 18px;
    padding: 4px;
    font-weight: bold;
   
}
.button1
{
    background-color: #256188;
     color: #ffffff;
      border: 1px solid #153b5c;
       font-size: 1.1em;
       font-weight :bold ;
        /*padding: 3px; */
}


.topmenu ul
{
    list-style:none;
    color: #10428C;	
	margin: 0px; padding: 0px;
}
.topmenu ul li.csc{
	background: url(../images/small_business.png) left 0px no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	height: 16px;
}
.topmenu ul li.user{
	background: url(../images/user.gif) left 0px no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	height: 16px;
}
.topmenu ul li.date{
	background: url(../images/cal.gif) left 0px no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	height: 16px;
}
.topmenu ul li.logout{
	background: url(../images/publish_r.png) left 0px no-repeat;
	padding-left: 22px;
	padding-top: 2px;
	height: 16px;
}