/* 
    Document   : admin
    Created on : Oct 4, 2012, 11:42:02 AM
    Author     : Amit Singh < amitprogrammer@gmail.com >
    Copyright  : Asfera Technologies < asferatechnologies.com >
    Description: CSS for the convoque interface, common to all pages.
        Purpose of the stylesheet follows.
*/


body{
    min-width: 820px
}

#header{
    width: 100%;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: white;
    color: #09537F;
    
}

#header #logo img {
    height: 65px;
    margin-left: 10px;
}

#header #pageHeading{
    text-align: left;
    margin-left: 10px;
    font-size: 1.5em;
    font-weight: bold;
    vertical-align: 5px;
}

#header #userHead {
    text-align: right;
    float: right;
    margin-right: 10px;
}

#header #userHead a {
    text-decoration: none;
}

#content {
   
    margin: 10px auto;
    width: 810px;
}

#content #left {
/*    height: 300px;*/
    width: 200px;
    float: left;
/*    background-color: #4EC3F3;*/
}

#content #right {
    width: 600px;
    float: right;
/*    background-color: #94cd0b;*/
}

#footer {
    background: #CCC url(../images/bg_white.png) repeat-x 0 -80px;
    border-right: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    text-align: center;
    color: #09537F;
    padding-top: 12px;
    height: 28px;
    
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: auto;
    
}
#footer a{
    text-decoration: none;
    color: #09537F;
}

#footer a:hover{
    font-weight: bold;
}

.clear {
    margin: 0;
    clear:both;
}

.itemHoldingBox{
/*    background-color: #4EC3F3;*/
    margin: 5px;
    border: 2px solid #09537F;
    margin-bottom: 10px;
    background-color: #F0F0F0;
}

#topBar{
    background-color: #09537f;
    height: 25px;
}

.roundCornerTopLeft10{
    -moz-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
}

.roundCornerTopRight10{
    -moz-border-top-right-radius: 10px;
    border-top-right-radius: 10px;    
}


#topBar .alignRight,
#topBar .alignLeft {
    margin: 2px 10px;
    color: #fff;
    font-size: medium;
    font-weight: bold;
}

#topBar .alignLeft img{
    height: 15px;
    width: 15px;
    margin-top: 1px;    
}

#topBar .alignRight a img{
    height: 18px;
    width: 18px;
    margin-top: 1px;
}

.alignLeft{
    float: left;
    text-align: left;
}

.alignRight{
    float: right;
    text-align: right;
}

#topBar .alignRight #didDisplay{
    font-weight: normal;
    font-size: small;
}

#contentHighLight tr td img{
    width: 50px;
    height: 50px;
}

#contentHighLight tr td{
    color: #09537F;
    text-align: center;
    padding-left: 7px;
    padding-right: 7px;
}

#contentHighLight {
    margin-top: 0px;
    border-collapse: separate;
    border-collapse: expression('separate', cellSpacing = '15px');
}

#detail #description,
#menuDetail{
    margin: 5px;
}

.push{
    height: 40px;
    clear: both;
}

.sideMenu ul {
    list-style: circle;
    padding-left: 15px;
}

.sideMenu ul li a{
    text-decoration: none;
    color: #09537F;
}
.sideMenu ul li a:hover{
    font-weight: bold;
}

.sideSearch input{
    margin: 5px;
    width: 170px;
}

.sideSearch{
    text-align: right;
}

.sideSearch button{
    margin-right: 5px;
    margin-bottom: 5px;
}

#InfoAlert,
#infoAler div{
    text-align: center;
    color: #09537F;
    font-size: medium;
}

#infoAlerImageHolder img{
    width: 200px;
    height: auto;
}

#AddFormPage{
    width: 450px;
    margin: 0px auto;
}

#addFormHolder form .lblFieldHolder label{
    font-weight: bold;
}

#addFormHolder form .lblFieldHolder input[type="text"] ,
#addFormHolder form .lblFieldHolder input[type="password"] ,
#addFormHolder form .lblFieldHolder textarea {
    float: right;
    width: 280px;
}

#addFormHolder form .lblFieldHolder select{
    float: right;
    width: 292px;    
}

#addFormHolder form .lblFieldHolder textarea{
    height: 60px;
}

#addFormHolder form .lblFieldHolder{
    margin: 5px;
    padding-bottom: 10px;
    clear: both;
}

.addFormBtnHolder{
    text-align: right;
    margin: 5px;
}

.addFormBtnHolder button {
    width: 80px;
    font-weight: bold;
}

.resizeFalse{
    resize: none;
}

.hr{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.hr hr{
    color: #09537F;
    background-color: #09537F;
    height: 2px;
}

#EditFormPage{
    width: 900px;
    margin: 0px auto;
}

#notify{
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    display: none;
    overflow: hidden;
}

#notify .notify{
    margin-top: 3px;
    padding: 2px 5px;
    background-color: #FFF;
   
    -moz-border-radius: 7px;
    border-radius: 7px;
    
}

#notify .notifyerror{
    border: 2px solid red; 
    color: red;
}

#notify .notifywarning{
    border: 2px solid orange; 
    color: orange;
}

#notify .notifyconfirm{
    border: 2px solid green; 
    color: green;
}

#notify div .heading{
    font-weight: bold;
    margin-right: 5px;
}
    
.forceDisplay{
    display: block !important;
}
 

.rpt_icon_pic {
  border: 10px solid #fff; 
  float:left;
  height: 60px;
  width: 60px;
/*  margin: 5px;*/
  overflow: hidden;
   
  
}


/*Report icon FOCUS*/
.rpt_icon_focus {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
          
}
 
.rpt_icon_focus:hover {
    
    border: 3px solid #09537f;
  border-radius: 20%;
}

#rpt_icon_holder {
    padding-top: 40px;
    padding-left: 250px;
}   

.radio{
    width: 1px;
}





/*Summary Spans*/
.summarySpan{
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 36px;
    margin-top: 0px 10px 10px 10px;
    display: inline-block;
    text-align:center;
}

.bCol-lightGrey{ background-color: lightgrey; }
.bCol-pink{ background-color: pink; }
.bCol-yellow{ background-color: yellow; }
.bCol-orange{ background-color: orange; }
.bCol-greenYellow{ background-color: greenyellow; }
.bCol-lightGreen{ background-color: lightgreen; }
.bCol-lightBlue{ background-color: lightblue; }
.bCol-black{ background-color: black; }

.Wide80{ width: 80px; }
.Wide120{ width: 120px; }
.Wide160{ width: 160px; }
.Wide180{ width: 180px; }
.Wide220{ width: 220px; }

.tCol-white{ color: white; }
.tCol-green{ color: green; }
.tCol-black{ color: black; }
.tCol-orange{ color: orange; }
.tCol-red{ color: red; }
.tCol-brown{ color: brown; }
.tCol-blue{ color: blue; }
.tCol-darkGreen{ color: darkgreen; }
.tCol-darkVoilet{ color: darkviolet; }
.tCol-yellow{ color: yellow; }