*{margin:0; padding:0}
img,fieldset{ border:none}
:focus{ outline:none}
body{font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff; }
.wrapper{ width:1026px; margin:0 auto}
#main{ float:left; width:100%; border:1px solid #CCCCCC}
/**************************************************************************************************************************************/

/**********************************************************************body_container*****************************************************************************************/

#body_container{ float:left; width:100%; background:#f4f4f4; }


.mailopr{ float:left; width:100%;  padding:5px 0 5px 0px; background-color:#ebebeb;  border-bottom:1px solid #cccccc}
.mailopr ul{ float:left;  margin:0; padding:0; list-style:none; margin-left:20px;}
.mailopr ul li{ float:left;  padding:0 10px 0 15px;}
.mailopr ul li.first{ background:none; padding-left:0}
.mailopr ul li a{ float:left; font-size:11px; line-height:13px; color:#000000; text-decoration:none; padding:7px 5px 7px 5px;}
.mailopr ul li a img{ float:left; 	margin:0 8px 0 }
.mailopr ul li a:hover{ color:#999999; text-decoration:underline; }
.mailopr ul li.active a{background:#e8e8e8;border:1px solid #cccccc;}

.main_container{ float:left; width:100%; background:url(../Images/common_bg.jpg) repeat 0 0 #fff; padding:0 0 20px 0}

.left_content{ float:left; width:15%; padding:0 0 0 20px}
.left_content ul{ float:left; width:100%; margin:0; padding:10px 0 0 0; }
.left_content ul li{ display:block; padding:0 0 10px 20px;}
.left_content ul li a{ text-decoration:none; font-size:12px; line-height:16px; color:#000000;}
.left_content ul li a:hover{ text-decoration:underline;}

.right_content{ float:left; width:82.5%; border-left:1px solid #cccccc}
.common_content_box{ float:left;width:100%;padding:7px 0 7px 10px;color:#000; border-bottom:1px solid #cccccc; cursor:pointer;}
.common_content_box:hover{ background:#ffffcc;}
.common_content_box.active{ background:#99bc80; color:#fff !important;}
.common_content_box { float:left; width:100%;}
.common_content_box span{font-size:13px; line-height:18px; color:#666666}

.common_content_box span ul li{list-style-type:none !important;}

.common_content_box .spacer small{  display:inline-block; padding:0 0 0 28px;font-size:12px; line-height:18px; color:#666666; }
.common_content_box .spacer small .spacer_1{ background:none; padding:0}
.common_content_box .spacer small .none{ background:none; margin:7px 0 0 46px; padding:0;}


.common_content_box .spacer a{color:#569cd8; font-size:11px ; }
.common_content_box .spacer a:hover{color:#2a80ca; text-decoration:underline;}



.top_on{ float:left; width:100%; background:url(Images/top_bg.jpg) repeat-x 0 0 #eaecf0;cursor:pointer; padding:7px 0 7px 10px;color:#6f666f; border-bottom:1px solid #cccccc}
.top_on span{ font-size:12px; line-height:14px; color:#999999}
.top_on .mailrow{ float:left; width:250px}
.top_on .mailrow .coll_1{ width:330px}
.top_on .mailrow .coll_1 .spacer{ width:310px}
.top_on .mailrow .spacer{ float:left; width:auto; color:#999;}
.top_on .mailrow .spacer .coll{ float:left; margin:0 10px 0 0}

.common_box{ float:left; width:252px}
.common_box .coll_2{ width:300px}
.common_box .coll{ float:left; margin: 0 11px 0 0}




.compose,
.check,
.reply,
.reply-all,
.forward,
.cancle,
.print,
.list,
.index,
.send,
.trash
{
background: url('../images/email.png') no-repeat;

}
.compose { background-position: 0px -18px; }
.check { background-position: 0 -43px; }
.reply { background-position: 0 -68px; }
.reply-all { background-position: 0 -93px; }
.forward{background-position:0px -115px;}
.cancle{background-position:0px -142px;}
.print{background-position:0px -195px;}
.list{background-position: 3px -1022px; }
.index{background-position: 0px -248px; }
.send{background-position: 0px -323px; }
.trash{background-position: 0px -373px; }

.footer_container{background-color:#fff; width:848px;  float:right; }


.pagination {
	float: right;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.pagination a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-color: rgb(0,50,75);
	color: #569cd8;
	text-align: center;
	text-decoration: none;
	font-family: Times, 'Times New Roman', Georgia, Palatino; /* ATTN: need a better font stack */
	font-weight: bold;
	font-size: 16px;
	outline: none;
	vertical-align: middle;

	background: #F3F3F3; /* Old browsers */
	background: -moz-linear-gradient(top,  #F3F3F3 0%, #D3D3D3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#D3D3D3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* IE10+ */
	background: linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */

}

.pagination a:hover, .pagination a:focus, .pagination a:active {
    
    background: #CECECE; /* Old browsers */
	background: -moz-linear-gradient(top,  #E4E4E4 0%, #CECECE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E4E4), color-stop(100%,#CECECE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* IE10+ */
	background: linear-gradient(top,  #E4E4E4 0%,#CECECE 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#CECECE',GradientType=0 ); /* IE6-9 */

}

.pagination a.disabled, .pagination a.disabled:hover, .pagination a.disabled:focus, .pagination a.disabled:active {

	background: #F3F3F3; /* Old browsers */
	background: -moz-linear-gradient(top,  #F3F3F3 0%, #D3D3D3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3F3F3), color-stop(100%,#D3D3D3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* IE10+ */
	background: linear-gradient(top,  #F3F3F3 0%,#D3D3D3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3F3F3', endColorstr='#D3D3D3',GradientType=0 ); /* IE6-9 */

	color: #A8A8A8;
	
}

.pagination a:first-child {
	border-radius: 2px 0 0 2px;
	-moz-border-radius: 2px 0 0 2px;
	-webkit-border-radius: 2px 0 0 2px;
}

.pagination a:last-child {
	border-radius: 0 2px 2px 0;
	-moz-border-radius: 0 2px 2px 0;
	-webkit-border-radius: 0 2px 2px 0;
}

.pagination a {
	border-right: 1px solid #CDCDCD; 
	border-left: 1px solid #CDCDCD;   
}

.pagination a:first-child {
	border: none;
}

.pagination a:last-child {
	border: none;
}

.pagination input {
	border: none;
	float: left;
	text-align: center;
	height: 20px;
	outline: none;
	vertical-align: middle;
	width: 120px;
	padding: 0;
	margin: 0;
}

/* gigantic class for demo purposes */

.gigantic.pagination {
	margin: 5px 0;
}

.gigantic.pagination a {
	height: 20px;
	width: 20px;
	font-size: 20px;
	
	line-height: 17px;
}

.gigantic.pagination input {
	width: 150px;
	height: 20px;
	font-size: 12px;
	font-family: 'Alef', sans-serif;
}

/* log element for demo purposes */

.log {
	display: none;
	background-color: #EDEDED;
	border: 1px solid #B4B4B4;
	height: 50px;
	width: 300px;
	overflow: auto;
	margin-left: 0;
	list-style: none;
	padding: 10px;
	li {
		margin-top: 0;
		margin-bottom: 5px;
	}
}


   /*Login-page*/
     .wrapper {
                width:100%;
                margin: 0 auto;
                margin-top:14.5%;
                padding: 0px;
                
            }
             .wrapper1{
                width:100%;
                margin: 0 auto;
               
                padding: 0px;
                
            }
            .admin-form {
                padding-left:30%;
                color: #666;
                text-align:center;
                font-size: 14px;
                
            }
            .admin-panal{
               border:2px #8fd2fa solid;
                color: #666;
                padding:20px;
                font-size: 14px;
                -webkit-border-radius: 11px;
            -moz-border-radius: 11px;
            border-radius: 11px;
            box-shadow: 0px 0px 5px #ddd;
                
            }
            table tr td {
            font-size:14px!important;
            margin-top:10px;
            }
             table tr td input{
                font-size:14px!important;
                border-radius:5px!important;
                 -webkit-border-radius:5px!important;
                padding:4px;
                padding:5px;
                border:1px #666 solid;
                padding-left:5px;
                width:235px;
            }

            .button-login {
                padding:5px;
                background-color:#ff6a00;
                border:0px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                font-weight:bold;
                color:#fff;
                width:80px;
                padding:7px 10px 7px 10px;
                cursor: pointer!important;
            }
            .button-login:hover {
                padding:5px;
                background-color:#00464f;
                border:0px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                font-weight:bold;
                color:#fff;
                width:80px;
                cursor:default;
                padding:7px 10px 7px 10px;
            }
            .footer-admin table tr td {
                color: #fff;
                font-size:11px!important;
            }
            
            .footer-admin{
                background-color: #999;
                padding-top:2px;
                padding-bottom:2px;
                bottom: 0px;
                width:100%;
                font-size:10px; 
                position: absolute;
   
}
                                    
            .sign-bg {
                width:100px;
                position:absolute;
                margin-top:-40px;
                margin-left:-110px;
                padding:7px;
                text-align:center;
                font-size:18px;
                color:#fff;
            }

            .buttons-panel{
                background-color:#ff6a00;
               border:none;
                font-size: 11px;
                font-weight: bold;
                color: #FFF;
                padding: 8px;
                margin-left:0px;
            }
.header-top {
    
    background-color: #fff;
    border-bottom:1px #ccc solid;
}








.login-id {
background:url(../images/login-bg.png); background-repeat:no-repeat;
 width:465px; height:415px; margin: 0px  auto 0px  auto; 
}




.mainDiv{width:1024px; height:550px; margin: 0px  auto 0px  auto; text-align:center;  background-color:#FFFFFF; padding-top:100px; } 

.logoP{width:97px; margin: 0px  auto 0px  auto; padding-top:50px;}
.loginArea{background:url(../images/login-bg.png); background-repeat:no-repeat; width:465px; height:415px; margin: 0px  auto 0px  auto; }

.loginText{font-family:Arial, Helvetica, sans-serif; text-align:center; color:#00464f; font-size:14px; padding:10px;}
.logos{height:55px;  margin-top:10px;}
.logos1{width:221px; float:left; margin-left:20px;}
.logos2{float:left; width:40px; margin-left:150px;}


.txtf{margin: 50px  auto 0px  auto; width:285px; text-align:center; }
.textf1{ width:285px; float:left; margin-top:15px; }
.textf2{ width:285px; float:left; margin-top:15px; }
input [type='submit']
{
    background-image:url(../images/submitBtn.png)
}
.textf3{ width:285px; float:left; margin-top:15px; }
.txtname{width:90px; padding:5px;  float:left; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.txtmanbox{width:165px; float:right; text-align:left; margin-left:20px;}

.textbox{width:200px; border:1px solid #666666; height:25px; border-radius:5px;}
.textbox:active:{border:5px solid #FF6600;}

.submitBtn{ float:left; width:100px; float:left; margin-top:25px;border-radius:15px;}
.cancelBtn{margin-left:20px; float:left; width:106px; float:left; margin-top:25px;}

.ForPastext{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f79048; text-align:center; width:285px; margin-top:20px;}

.header{width:1024; height:58px; padding-top:10px;}
.headlogos1{width:221px; float:left; margin-left:10px; }
.headlogos2{float:right; widows:40px; margin-right:20px;}

.nav{width:1024px; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#fff; font-size:11px; background:#00464f; }
.nav ul{ text-decoration:none; list-style:none; height:30px;}
.nav li{float:left; text-decoration:none; list-style:none; padding:10px 10px 10px 10px; display:block;}
.nav li a{color:#fff;}

.tabledata{margin:auto;}

.footer{clear:both; height:30px; background:#333333; width:1024px; margin: 0px  auto 0px  auto; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#fff; font-size:11px; padding-top:8px}
.forcopy{float:left; margin-left:8px; width:430px;}
.forpwr{float:left; margin-left:8px; width:180px;}
.forres{float:left; margin-right:8px; width:340px; text-align:right; float:right}

.btn2{ float:right; text-align:center; width:100px; background:#FF6600;border:none; border-radius:5px; text-transform:uppercase; font-size:13px; line-height:16px; color:#fff; padding:5px 0 5px 0; text-align:center; cursor:pointer; margin:30px 0 0 38px;behavior: url(PIE.htc);position:relative}
.btn2:hover{ background:#00464f}
.btn1{ float:left; width:100px; background:#FF6600;border:none; border-radius:5px; text-transform:uppercase; font-size:13px; line-height:16px; color:#fff; padding:5px 0 5px 0; text-align:center; cursor:pointer; margin:30px 0 0 20px;behavior: url(PIE.htc);position:relative}
.btn1:hover{ background:#00464f}





.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}