/**
* @title:       common stylesheet
* @created by:  Andreas Nagel/nagliTech Inc.
* @date:        06/03/2013
* @updated:     00/00/2013
*/

/*General items*/
*{padding:0;
    margin:0;}
    
body{width: 1024px;
    margin: auto;
    background-color: #FFFFFF;
    border: solid 1px black;}
    
.secTop,.secMiddle,.secBottom{width: 1000px;
    /*border: 2px solid #EEB211;*/
    margin: 5px 0 5px 0;}
.secMiddle{float:left;}
footer{text-align: center;
    margin-top: 25px;}

.cssReset{clear: both;}

/*elements*/    
ul{list-style: none;}

header div{}
header div img{float: left;
    margin: 3px 10px 3px 50px;}
header div .navMain{float: left;
    margin-left: 25px;
    font-size:medium;
    font-weight: bolder;}
.clsBanner{width: 50px;
    height: 33px;}

.navMain ul{margin-top: 10px;}

.navMain ul li{display: inline;
    margin-right: 15px;}

.navCurrentPage{color: #DABB92;}

.navNotAvailable{color: lightgray;}
 
.hover{color: #287368;
    cursor: pointer;
    text-decoration: underline;}
    
.pageHeader{margin: 0 0 0 50px;}

.errorContainer, .newsContainer, .msgContainer{width: 900px;}

.errorContainer, .infoContainer
, .contentContainer, .newsContainer
, .msgContainer{background-color: #E7EBEC; 
    border: 2px solid #DABB92;}

.containerHeader{height: 32px;
    border-bottom: 2px solid #DABB92;
    background-color: #FFFFFF;}
    .containerHeaderImage,.containerHeaderText,.containerHeaderShowImage{float:left;
        height: 32px;
        border: none;
        padding: 0;
        margin: 0;}
    .containerHeaderImage,.containerHeaderShowImage{width:32px;}
    .containerHeaderImage{margin-left: 5px;}
    .containerHeaderShowImage{margin-left: 475px;}
    .containerHeaderShowImage:hover{cursor: pointer;
        border: solid 1px #DABB92}
    
    .containerHeaderText{margin-left:25px;
        font-size: larger;
        text-align: justify;}
    .containerContent{padding:5px;}

.errorContainer, .msgContainer{margin:auto;
     border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;}
    .pErrorMsg{padding: 5px;
        color: green;
    	margin-left: 5px;}
    .pUserMsg{padding: 5px;
        color: green;
    	margin-left: 5px;}
     
.infoContainer{float:left;
    width: 440px;
    margin: 5px 5px 5px 50px;}
    .pInfo{padding: 5px;}

.contentContainer{float:left;
    width: 440px;
    margin: 3px 0 5px 8px;}
    .pInfo{padding: 5px;}
        
.newsContainer{margin: 0 auto 0 auto;}
    .pNews{padding:5px;
        text-align: left;}
        .ulNews{}

/*form elements*/
.txtGeneral{width: 150px;
    border: 1px solid #C59353;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 0 #EEB211;
    -moz-box-shadow: 0 1px 0 #EEB211;
    -webkit-box-shadow: 0 1px 0 #EEB211;}

.btnGeneral{width: 200px;
    border: none;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #287368;
    color: white;
    box-shadow: 0 1px 0 #DABB92;
    -moz-box-shadow: 0 1px 0 #DABB92;
    -webkit-box-shadow: 0 1px 0 #DABB92;}
.btnGeneral:hover{background: #790287;
    cursor: pointer;}
.btnGeneral[disabled],.btnGeneral[disabled]:hover{background-color: #CCCCCC;
  cursor: not-allowed;}
    
.selGeneral{width: 430px;
    border: 1px solid #C59353;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 0 #DABB92;
    -moz-box-shadow: 0 1px 0 #DABB92;
    -webkit-box-shadow: 0 1px 0 #DABB92;}
    
.ulGeneral{width: 415px;
    border: 1px solid #C59353;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 0 #DABB92;
    -moz-box-shadow: 0 1px 0 #DABB92;
    -webkit-box-shadow: 0 1px 0 #DABB92;}
.ulGeneral li{margin-top: 5px;
    margin-bottom: 10px;}
.ulGeneral li select{width:415px;}

.fileGeneral{border: 1px solid #C59353;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 0 #DABB92;
    -moz-box-shadow: 0 1px 0 #DABB92;
    -webkit-box-shadow: 0 1px 0 #DABB92;}
    
.rdoGeneral{width: 10px;
    border: 1px solid #C59353;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 0 #DABB92;
    -moz-box-shadow: 0 1px 0 #DABB92;
    -webkit-box-shadow: 0 1px 0 #DABB92;}

.lblGeneral{width: 20px;
    border: 1px solid #C59353;
    padding: 6px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #FFFFFF;
    color: #000000;
    box-shadow: 0 1px 0 #DABB92;
    -moz-box-shadow: 0 1px 0 #DABB92;
    -webkit-box-shadow: 0 1px 0 #DABB92;}
    
.aGeneral{color: #287368;
    text-decoration: underline;}

.aGeneral:hover{color: #790287;
    text-decoration: none;}
    
/*upload history list css*/
.ulUH{padding:0;}
.liUHOpt1{background-color: #3399FF;}
.liUHOpt2{background-color: #33FFFF;
    margin-left: 10px;}
.ulUHItem{padding: 0;
    margin: 0;
    list-style:decimal;}
.liUHItem{margin-left: 25px;}

/*Drag / Drop Element Styling*/
.ddElementContainer{background-color: white;}
.ddLiDefault{background-color: blue;
    color:white;}