/* CSS Document */



html {
       overflow-x: auto;
       overflow-y: auto;
       margin:0px;
       min-width:1160px;
       
}
body {
       overflow-x: hidden;
       overflow-y: auto;
       margin:0px;
       min-width:1160px;
       
}


#wrapper {
	width: 100%;
	height: auto
}


@font-face {
 font-family: OpenSansLightFont;
 src: url(../font/OpenSansLight.eot) /* EOT file for IE */
}
@font-face {
 font-family: OpenSansLightFont;
 src: url(../font/OpenSansLight.ttf) /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: OpenSansRegularFont;
 src: url(../font/OpenSansRegular.eot) /* EOT file for IE */
}
@font-face {
 font-family:OpenSansRegularFont;
 src: url(../font/OpenSansRegular.ttf) /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: OpenSansSemiboldFont;
 src: url(../font/OpenSansSemibold.eot) /* EOT file for IE */
}
@font-face {
 font-family: OpenSansSemiboldFont;
 src: url(../font/OpenSansSemibold.ttf) /* TTF file for CSS3 browsers */
}


 .menutext{font-size:14px; font-family: OpenSansLightFont;}
 header {
	height: auto;
	width:100%;
}

.header-conatiner {
	width: 1140px;
	height: 75px;
	margin: 0 auto;
} 

.logo {float:left; width:133px; margin-top:10px}
.user-container {float:right; width:500px; text-align:right; margin-top:15px}
.user-header {font-size:18px; font-family:OpenSansSemiboldFont; color:#d50017}
.user-headertext {font-size:14px; font-family:OpenSansRegularFont; color:#a4a4a4}

 .menu {
	height: auto;
	width:100%;
	border:#e1e1e1 1px solid;
	z-index:-50;
}
.menu-conatiner {
	width: 1140px;
	height: 40px;
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
} 

.content {
    height: auto;
	width:100%;
    font-size:13px; 
    font-family: OpenSansLightFont;
}

.content-conatiner {
	width: 1140px;
	height: auto;
	margin: 0 auto;
} 

.footer {
	height: auto;
	width:100%;	
	background-image:url(../images/footer-bg.jpg);
}
.footer-conatiner {
	width: 1140px;
	font-family:OpenSansRegularFont;
	font-size:12px;
	color:#868686;
	height: 30px;
	padding-top:14px;
	margin: 0 auto;
	vertical-align: middle;
} 

.signin {
	height: auto;
	width:100%;
	height:670px;
	background:center url(../images/signin-bg.jpg) fixed no-repeat;
}

.signin-conatiner {
	width: 560px;
	background:#FFF;
	border-radius:6px;
	height: 445px;
	margin-top:100px;
	margin: auto;
} 

.signin-top {background:#f0f0f0; border-radius:6px; border-bottom-left-radius:0px;border-bottom-right-radius:0px; height:120px}
.signin-header{font-size:24px; font-family: OpenSansLightFont; color:#5d5d5d}
.signin-text{font-size:14px; font-family: OpenSansRegularFont; color:#6e6e6e}

.signin-textfield{border-radius:4px; height:30px; border:#CCC 1px solid; width: 500px; padding:5px;color:#6e6e6e}


    /***FIRST STYLE THE BUTTON***/
    .signinbutton{
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	width:60px; height:20px;
    padding:10px; padding-left:20px; padding-right:20px; /*add some padding to the inside of the button*/
    background:#d00000; /*the colour of the button*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	font-family:OpenSansRegularFont;
	
    /*give the button a drop shadow*/
  
    /*style the text*/
    color:#f3f3f3;
    font-size:14px;
    }
    /***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
    .signinbutton:hover, .signinbutton:focus{
    background-color :#a10000; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
 
    }
.header-main {font-size:28px; font-family:OpenSansSemiboldFont; color:#353f43}
.grid-header-main {font-size:20px; font-family:OpenSansSemiboldFont; color:#353f43}
 .form-row{
	font-size: 14px;
	padding-top:3px; 
	width:1140px;
	font-family:OpenSansLightFont;
	line-height:25px;
	height:60px;
	padding-bottom:5px;
}	
 .form-alternaterow{
	font-size: 14px;
	font-family:OpenSansLightFont;
	padding-top:3px; 
	height:60px;
	padding-bottom:5px;
	line-height:25px;
	background:#f2f4f7;
	
}
 
 
  .grid-row{
	font-size: 12px;
	padding-top:7px; 
	padding-left:7px;
	font-family: OpenSansLightFont;
	color: #333;
	background:#FFFFFF;
	line-height:13px;
	padding-bottom:7px;
}	
 .grid-alternaterow{
	font-size: 12px;
	font-family: OpenSansLightFont;
	color: #333;
	background:#f2f4f7;
	padding-top:7px; 
	padding-left:7px;
	padding-bottom:7px;
	line-height:13px;
}

.grid-header
{ 
 background:url(../images/table-topbarbg.jpg) #e1eaea;  
}

/*admin dropdown*/

#topbar > #sections_btn_holder{  /*top-button*/
	float:right;
	width:auto;
	position:absolute;
	z-index:100;
	right:0px;

}
#topbar > #sections_btn_holder > button{ background:#fff;}
#topbar > #sections_panel{
	position:absolute;	
	width:308px;
	top:10px;
	right:80px;
	overflow:hidden;	
	transition: height 0.01s linear 0s;
}
#topbar > #sections_panel > div{
	background:#FFFFFF;
	height:88px;		
}

/* ===============Popup header=================*/
.popup-header {font-size:20px; font-family:OpenSansSemiboldFont; color:#868686}

  /***FIRST STYLE THE BUTTON***/
    .cancelbutton{
    cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
	width:60px; height:20px;
    padding:10px; padding-left:20px; padding-right:20px; /*add some padding to the inside of the button*/
    background:#ffffff; /*the colour of the button*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
	border:#c6c6c6 solid 1px;
	font-family:OpenSansRegularFont;
	
    /*give the button a drop shadow*/
  
    /*style the text*/
    color: #000;
    font-size:14px;
    }
    /***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
    .cancelbutton:hover, .signinbutton:focus{
    background-color :#e5e3e3; /*make the background a little darker*/
    /*reduce the drop shadow size to give a pushed button effect*/
 
    }

  /*========== show overfolw content as dots start ==========*/
  
.text-wrap {
    display:inline-block;  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*========== show overfolw content as dots  End ==========*/


/*========== Heighlight todays date  start ==========*/

.ajax__calendar .ajax__calendar_today .ajax__calendar_day
        {
            border-color: #0066cc;
            background-color: #0099ee;
            color: #fff;
            font-weight: bold;
        }
        
   
/*=

 /* ==========================================================================
  Alert START
   ========================================================================== */
 .success{width:100%; height:20px; border-radius:4px; background:#c6e8b8; padding:8px 0 6px 0px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#5f9b46; font-weight:bold; border:1px #d6e9c6 solid;
}
.critical{width:100%; height:20px; border-radius:4px; background:#f2dede; padding:8px 0 6px 0px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#a94442; font-weight:bold; border:1px #ebccd1 solid}
.warning{width:100%; height:20px; border-radius:4px; background:#f7f898; padding:8px 0 6px 0px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#968709; font-weight:bold; border:1px #faebcc solid}
 
  /* ==========================================================================
  Alert END
   ========================================================================== */

/* ==========================================================================
  Loader
   ========================================================================== */
 #loader {
	position:absolute;
	width:500px;
	height:244px;
	border:0;
	display:none;
	z-index: 1100;
}

 #divPhotoUpload {
	position:absolute;
	width:530px;
	height:auto;
	border:0;
	display:none;
	z-index: 5100;
}
#mask {
	position:absolute;
	z-index:998;
	background-color:#333333;
	display:none;
  } 
  
   #mask2 {
	position:absolute;
	z-index:5000;
	background-color:#333333;
	display:none;
	
  } 
  
  
  textarea:focus, select:focus, input:focus{
    outline: 0;
}