/*#Global#*/
.LTR, .RTL
{
	background-color: #dee9ff;
}

body
{
	background-color: #dee9ff;
	font-size:12px;
	font-family: Tahoma;
	margin: 0px;
}

h1
{
	color: #ffa21e;
	font-size: 160%;
}

h2
{
	font-size: 130%
}

h3
{
	font-size: 120%
}

h4
{
	font-size: 110%
}

h5
{
	font-size: 100%
}

h2,h3,h4,h5
{
	color: #002756;
}

a
{
	text-decoration: underline;
	color: #000000;
}

/*#Main styles/Master page#*/
/*Top logo, top menu*/
.Container
{
	color: #dee9ff;
	background-color: #dee9ff;
	min-height:100%;
	/*min-width:1100px;*/
	min-width:600px;
	position:relative;
}

.Container {
   height:100%;
}



.TopStrip
{
	color: black;
	background-color: #dee9ff;
}

.mainDiv
{
	color: white;
	width: 100%;
	background-color: #8cb6f0;
	padding-bottom:10px;
}

.zoneTopDetails
{
	color: black;
	width: 100%;
	margin: 0px auto;
	clear: both;
	background-color: white;
	height: 68px;
}

.RightWelcomeMessage
{
	top: 10px;
	width: 200px;
	color: black;
	float: right;
	margin: 0 10px 0 10px;
}

.LeftWelcomeMessage
{
	width: 200px;
	color: black;
	float: left;
	margin: 0 10px 0 0;
}

.Logout
{
	padding: 0 5px 0 5px;
	
}

.zoneTopMenu
{
	color: black;
	width: 100%;
	margin: 0px auto;
	clear: both;
	background-color: white;
	height: 27px;
}

.zoneContent
{
	color: black;
	min-height: 600px;
	height: 95%;
	Background: #86b3ee;
	width: 100%;
}

.zoneLeftMenu
{
	min-height: 595px;
	position:absolute;
	top: 110px;
	left:3px;
	width:160px;
	color: maroon;
	border:0px solid #c0c0c0;
	text-align: Left;
}

.zoneBreadcrumbs
{
	margin-left:160px;
	margin-top: 3px;
	margin-right: 5px;
	padding: 0 5px 3px 5px ;
	background: transparent;
	border:0px solid #708090;
}

.zoneRightContent
{
	min-height: 650px;
	margin-left:160px;
	margin-top: 0px;
	margin-right: 10px;
	padding: 0 5px 5px 5px ;
	background: white;
	border:2px solid #708090;
}

.zoneLandingPage
{
	margin-left:1%;
	margin-right:1%;
	margin-top: 20px;
	color: black;
	min-height: 600px;
	height: 95%;
	background: white;
	width: 98%;
}

.IE6 .zoneContent
{
	height: 400px;
}

.zoneFooter
{	
	position:absolute;
	bottom:0;
	width:100%;
	height:15px;   /* Height of the footer */
	background:white;
}


.IE6 .zoneFooter
{
	height: 15px;
}

legend 
{
	margin-left:1em;
	color:#8080FF;
	/*font-weight:bold;*/
}

html.js fieldset.collapsible legend {
  display:inline;
}

fieldset
{
	/*float:left;*/
	
	clear:both;
	width:98.4%;
	min-width:600px;
	margin: 1px  0 0 0;
	padding:0;
	border:solid 1px #8080FF;
	-moz-border-radius: 8px;
	height:auto;
}

fieldset ol
{
	padding: 1em 1em  0 1em;
	list-style:none;
	margin-left: 0px;
}
fieldset li
{
	padding-bottom:1em;
	height: 17px;
}
fieldset.submit
{
	float:none;
	width:auto;
	border-style:none;
	padding-left:12em;
	padding-top:10px;
}


.label
{
	
	float:left; width:10.2em; 
margin-right:1em; text-align:right; color:Black;
	height: 14px; vertical-align:bottom;
}
.labelright
{
	width:10em;margin-right:1em; text-align:right; margin-bottom:5px;
}
.space
{
	margin-left:20px;
}
.err
{
	border: solid 1px orange;
	background-color: #FFFFFF;
	color: #CC3300;
	margin:10px  0px 10px 10%;
	padding-top:10px;
	width:30%;
	height:50px;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}
  .imgborder
{
	border-right: #ccc 3px solid;
	border-top: #ccc 3px solid;
	border-left: #ccc 3px solid;
	border-bottom: #ccc 3px solid;
	border-color: #CFCFCF;
}

.FormHeader 
{
      font-weight: bold;
      font-size: large;
}

.zonePageTital
{
      margin-left:20px;
}

.zonePageDetails1
{
      margin-left:20px;
      min-width: 600px;
}

.zonePageDetails2
{
      margin-left:100px;
      width: auto;
}
.containerleft
{
	width:350px;float:left;margin-right:10px;
}
.contanierright
{
    width: 80%;
    margin-right: 20px;
}
#processpanel
{
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFCC;
	font-family: sans-serif Arial Helvetica;
	width: 200px;
	height: 50px;
	padding: 10px 10px 10px 10px;
	
}
.linkbtn
{
	/*text-decoration:none:*/
	width:auto; height:10px;
}
.divbtnbar
{ 
	border-bottom: border-color: #8CB5F2;
	 border-style: none none solid none; border-width: 0px 0px 1px 0px; margin: 10px 0px 0px 0px; background-color:#E4EEFC;
	height:25px;
	padding:3px 3px 3px  5px;
	width:98.4%;

	 }
.divbtncontrol
{
	display:inline; height:auto;padding:3px 3px 3px 0px; border:solid 1px #E7E7FF;
}
.span_separator
{
	margin:0px 5px 0px 5px;
}
.dropdownList
{
	border: solid 1px #E7E7FF;
	width:auto;
	background-color:#E4EEFC;
	
}

.UpdateProgress {
  width:200px; background-color: #FFC080;
  bottom: 0%; left: 0px; position: absolute;
}

.confirmMsg
{ 
	/*width:120px;*/
	margin-top: 10px;
	text-align: center;
	color: #838383;
}


.containerleft
{
	width:auto;
float:left;margin-right:20px;
	margin-bottom: 0px;
	padding-right:10px;
}

/* CSS for 3 Column layout for Usercontrol */
#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	/*width: 900px;*/
	width: 600px;
}

#side-a {
	float: left;
	width: 300px;
}

#side-b {
	float: right;
	width: 300px;
}

#content { 
	float: left;
	width: 32%;
}

/* CSS for 4 colmn layout */
.accordianHeader
{
	 background-image:url('../images/col.gif');
	 background-repeat:no-repeat;
	 height:16px;width:16px;
}
.accordionHeaderSelected
{
	 background-image:url('../images/exp.gif');
	 background-repeat:no-repeat;
	 height:16px;width:16px;
	
}

.filter_on
{
	background-image:url('../images/filteron.png');
	height:16px; width:16px;
	background-repeat:no-repeat;
}
.filter_off
{
	background-image:url('../images/filteroff.png');
	height:16px; width:16px;
	background-repeat:no-repeat;
}
.colmask{
   width: 100%;
   left: 0%
}
.colmid{ right: 38% }
.colin{ right: 30% }
.colleft{ right: 30% }
.4col1{
   width: 30%;
   left: 8%
}
.4col2{
   width: 10%;
   left: 60%
}
.4col3{
   width: 30%;
   left: 7%
}
.4col4{
   width: 30%;
   left: 90%
}

.colmask{
   clear: both;
   float: left;
   overflow: hidden;
   position: relative;
   background-color: #ffffff
}
.colmid{
   float: left;
   width: 100%;
   position: relative;
   background-color: #ffffff
}
.colin{
   float: left;
   width: 100%;
   position: relative;
   background-color: #ffffff
}
.colleft{
   float: left;
   width: 100%;
   position: relative;
   background-color: #ffffff
}
.4col1{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #ffffff;
	top: 0px;
}
.4col2{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #ffffff
}
.4col3{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #ffffff
}
.4col4{
   padding: 0px 0px 1em 0px;
   overflow: hidden;
   float: left;
   position: relative;
   background-color: #ffffff
}

.bottom{
   clear: both;
   width: 100%;
   float: left;
   position: relative;
   background-color: #ffffff
}
body {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
   font-size: 90%;
   width: 100%;
   min-width: 600px;
}

 .actionpassedstatus
 {
 	font-size:medium; color:Green; margin-left:10px;
 }
 /* CSS For CalendarExtender */
 .AnseoCalendar .ajax__calendar_container {
   
}

.AnseoCalendar2 .ajax__calendar_body 
{
	
}

/*Toolbar style begin*/
.toolbar
{
    background-image: url('../images/barbckgrnd.gif');
    background-repeat: no-repeat;
    width: 98.4%;
    height: 25px;
    border: solid 1px #87B1ED;
    margin-top:5px;
    font-family: Verdana; font-size: 11px;

}
.buttoncontanier
{
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 5px;
    display: inline;
}
.spansep
{
    margin: 0px 2px 0px 2px;
    color: #4783D8;
}
.toolbutton
{
    text-decoration: none;
    color: #4783D8;
    width: auto;
    height: 10px;
   
}
.imgbutton
{
	width:16px;
}
 /*Toolbar style end */
 
 /*Modal Poup Style */
 .modalBackgroundIE
{

/*change according to req */

}

.modalBackgroundFF
{

/*change according to req */

} 
/*Modal PopUp Style Start */
.layer
{
	width: 355px;
	height:255px;
	/*background-color: #F0F8FF;*/
	
	background-image: url('../Images/popuplayer.gif');
	background-repeat: no-repeat;
	padding-top:20px;
}
.buttons
{
	margin-left:30%; margin-top:20px;
	
}
.msgheader
{
    font-size: large;
	text-align: center;
	color: white;
    margin-left:20%;

}
.panelPopUp
{
	height: 220px;
	width: 250px;
}
#popup-buttoncontanier
{
    margin-left: 5%; margin-top: 12%; width: 90%;
}
#msgcontanier
{
    margin:15px;
    padding:5px;
    width:300px;
    height:auto;

}
.msg
{ 
	/*padding:5px;
	padding:20px 0px 0px 0px;*/
	text-align: center;
	color: white;
	margin-left:30px;
	margin-right:20px;
}
hr
{
 width:90%;
}
.gif
{
    height:20px;width:20px;margin-left:10%;margin-top:5px
}
.progressTitle
{
    color:White;
    margin-left:20px;
}
.div_spacer
{
    padding-bottom:2px;
}

/*Modal Popup finished */

/*Roll Call Style Start*/
  #rollcall h5
    {
        margin:0px 0 auto 0px;
        height:20px;
        padding:10px 0px 10px 10px;
        
    }
    #rollcall{
       margin-left:10px;
        border:solid 1px #E4DCD9;
        width:50%;
        /*height:500px;*/
    }
    .box{
        
        margin:-10px  40px 0px 15px;
        
    }
    .box h5
    {
 
       background:  url(images/barbckgrnd.gif) no-repeat top left;
       height:20px;
        padding:  -20px  0px 0px 0px;
       
        
    }
   .list
        {
            font-family: verdana,arial,helvetica,sans-serif;
            font-size: 11px;
            clear: both;
            height: 350px;
            width: 250px;
            margin: 0px 0px 0px 33px;
        }
        .dropdownlist
        {
            font-family: verdana,arial,helvetica,sans-serif;
            font-size: 11px;
        }
        .subject
        {
            width: 100px;
            font-weight: normal;
            font-style: italic;
        }
        .module_details
        {
            font-weight: bold;
        }
       
    /*finish Roll Call Style*/
    /*about anseo box*/
    .about_box
    {
     margin :1px 1px 0px 1px;border:solid 1px #EEEEEE; 
     background-image:url(../images/AnseoHandbackground.jpg); background-repeat:no-repeat;
    }
    .about_box img
    {
        width:40px;height:40px;
    }
    .about_box span
    {
        font-weight:bold;font-size:16px;
    }
    #details
    {
        margin: 10px 10px 2px 40px; border-top:solid 1px #EEEEEE;
    }
    
    /*/