html, body {
	/*background-color:#333333;*/
	background-color:#ffffff;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#474747;
	text-align: center;
	margin: 0px auto;
	height: 100%; 
	}
	
#container{
	/*width: 1002px;*/
	width: 100%;
	height: auto;
	margin: 0px auto;
	text-align: center;
	background-color:#ffffff;
	}	

#bluebar{
	width: 100%;
	background-color:#776d6c;
	height:26px;
	text-align:right;
	color:#FFF;
	}
	
	
#logo{
	width: 100%;
	background-color:#ffffff;
	height:110px;
	text-align:left;
	}	
	
#logoLeft{
	float:left;
	width: 250px;
	height:110px;
	background-color:#ffffff;
	text-align:left;
	border:0px solid #000;
		}	
	
	
#logoRight{
	float:right;
	width:316px;
	height:116px;
	text-align:center;
	margin-right:30px;
	border:0px solid #000;
}

.editarticel
{
    margin-top:10px;
	width:336px;
	padding-top:6px;
	height:38px;
	line-height:38px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	}

	
.logo{
	margin:5px;
	margin-left:10px;
	}
	
		
	
#design{
	width: 100%;
	background-color:#bbb6b5;
	background-image:url(../gif/bg1.jpg);
	height:87px;
	text-align:right;
	}
	
#designLeft{
	float:left;
	width: 400px;
	height:50px;
	margin-top:30px;
	margin-left:40px;
	text-align:left;
	}	
	
#designRight{
	float:right;
	width: 248px;
	height:87px;
	text-align:right;
	}	


#login{
	width:600px;
	height:399px;
	margin: 0px auto;
	}

#login0{
	
	width:600px;
	height:280px;
	margin: 0px auto;
	border:#e4e2e2 solid 1px;
	margin-top:40px;
	}	
		

#login1{
	float:left;
	width:325px;
	height:240px;
	background-color:#e4e2e3;
	margin: 0px auto;
	margin-top:20px;
	margin-left:20px;
	}
	
	.login-box
	{
	    margin-top:25px;
	}
	
#login2{
	float:right;
	width:232px;
	height:240px;
	margin: 0px auto;
	margin-top:20px;
	margin-right:20px;
	}	
	
	
	/*New Styles----vinod*/
	  .mediacontrols
{
    padding-top:20px;
     height: 60px;
     text-align:center;
     background-color:#fef6cd;
}

input[type="text"]
{
  border: #d3d2d0 1px solid;
  color:#333;
  height:25px;
  padding-right:5px;
}

input[type="password"]
{
  border: #d3d2d0 1px solid;
  color:#333;
  height:25px;
  padding-right:5px;
}

.label-text
{
 color:#776d6c;
 font-size:14px;
 padding-left:10px;    
}

.span-text
{
 color:#555;
  
}

select
{
  border: #d4d1d0 1px solid;
  height:30px;
  width:210px;
}

textarea
{
  border: #d8d8d8 1px solid;
 

}
input[type="submit"]
{
  border:0;
  height:25px;
  background-color:#776d6c;
  padding: 2px;
  color:#fff;
  font-size:14px;
}
input[type="button"]
{
  background-color:#776d6c;
  height:25px;
  padding: 2px;
  color:#fff;
  width:110px;

}
input[type="reset"]
{
  border:0;
  height:25px;
  background-color:#776d6c;
  padding: 2px;
  color:#fff;
  font-size:14px;

}


input[type="submit"]:hover
{
  background-color:#8c817f;
}

input[type="button"]:hover
{
  background-color:#8c817f;
}

input[type="reset"]:hover
{
  background-color:#8c817f;
}
.gridcol-style
{
    text-align:right;
}

.path-red
{
    color:#ef5359;
}

	/*New Styles----vinod*/
li{
list-style-type : square;
}

A:link
{
	color: #005daa;
	text-decoration: none;
}
A:visited
{
	color: #005daa;
	text-decoration: none;
}
A:hover
{
	color: #000000;
	text-decoration: none;
}


.blue{
	font-size:13px;
	color:#fff;
	text-align:left;
	height:27px;
	line-height:27px;
	background-color:#776d6c;
	padding-left:10px;
	font-weight:bold;
	border-bottom: #81a3dc solid 1px;
	border-top: #81a3dc solid 1px;
}

.blue1{
	font-size:13px;
	color:#fff;
	text-align:left;
	height:27px;
	line-height:27px;
	background-color:#776d6c;
	padding-left:10px;
	font-weight:bold;
	
}

.blue2{
	font-size:13px;
	color:#fff;
	text-align:left;
	height:27px;
	line-height:27px;
	background-color:#776d6c;
	padding-left:10px;
	font-weight:bold;
	
}



#title{
	font-size:14px;
	color:#776d6c;
	text-align:left;
	line-height:20px;
	margin-left:20px;
	margin-right:20px;
	padding-bottom:10px;
	font-weight:bold;
	margin-top:30px;
	border-bottom:1px solid #ccc;
}



	
#Main{
	width: 95%;
	height:auto 100%;
	margin: 0px auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
	/*border:#0F6 solid 1px;*/
	}


#MainLeft{
	float:left;
	width: 25%;
	height:auto 100%;
}

#MainRight{
	float:right;
	width: 73%;
	height:auto 100%;
	
	}
	
.yellow{
	color:#555;
	text-align:center;
	min-height:100px;
	height:auto;
	background-color:#dddbdb;
	padding-top:10px;
	border: #c5c5c5 solid 1px;
	margin-bottom:10px;
}	
.grey{
	color:#005daa;
	text-align:center;
	height:auto;
	min-height:500px;
	background-color:#f7f7f7;
	padding-top:10px;
	padding-bottom:10px;
	border: #ccc solid 1px;
	margin-bottom:10px;
}	
.grey div
{
	/*text-align:left;*/
	padding-left:2px;
}



#block1{

	clear:both;
	width: 100%;
	min-height:50px;
	text-align:left;
	background-color:#f7f7f7;
	border-right:#d9d8d8 solid 1px;
	border-left:#d9d8d8 solid 1px;
	/*border-bottom:#d9d8d8 solid 1px;
	margin-bottom:3px;*/
	max-height:100%;
    min-height:auto;
    display:table;

	}	
	
#block2{

	clear:both;
	width: 100%;
	min-height:50px;
	text-align:left;
	background-color:#f7f7f7;
	border-right:#d9d8d8 solid 1px;
	border-left:#d9d8d8 solid 1px;
/*	border-bottom:#d9d8d8 solid 1px;
	margin-bottom:3px;*/
	max-height:100%;
    min-height:auto;
    display:table;

	}
	
#block3{

	clear:both;
	width: 100%;
	/*height:100px;*/
	min-height:50px;
	height:auto !important;
	text-align:left;
	margin-bottom:10px;
	background-color:#f7f7f7;
	border-right:#d9d8d8 solid 1px;
	border-left:#d9d8d8 solid 1px;
	border-bottom:#d9d8d8 solid 1px;
	max-height:100%;
    min-height:auto;
    display:table;

	
}


#menu{
	float:left;
	margin:10px;
	width:90%;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	min-height:50px;	
	height:auto !important;
	
	}


#footer{
	clear:both;
	width: 100%;
	margin: 0px auto;
	height:25px;
	line-height:25px;
	background-color:#e4e2e2;
	border-top:#dddada solid 1px;
	border-bottom:#dddada solid 1px;
	color:#776d6c;
	font-size:12px;
	text-align:center;
	margin-bottom:0px;
	bottom:0px;
}


.navy{
	color:#555;
	}
	
.navyblue{
	color:#005daa;
	font-size:13px;
	font-weight:bold;
}	
#editright
{ 
	float:left;
	width:100%;
	height:50px;
	border:1px solid #ddedff;
	padding-top:20px;
	margin-bottom:30px;
	color:#474747;
	 background-color:#fef6cd;
}


.table1{
	width:96%;
	
		}


.tcell{
	border-bottom:#d7d7d7 solid 1px;
	padding:5px;
	font-size:11px;
	text-align:left;
	}
	
.tcell1{
	border-bottom:#d7d7d7 solid 1px;
	padding:5px;
	font-size:11px;
	text-align:center;
	}	
	
img{
	border:0px;}

td{	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#282828;
	font-weight:normal;
	text-align:left;
	}
	
	
th{	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
	height:21px;
	line-height:21px;
	text-align:left;
	font-weight:bold;
	background-color:#d9d8d8;
	padding-left:4px;
	}	

/*---------------------------- OLD CSS ---------------------*/

	
.menuCell{
	background-color:#000;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;}
	
.menuCellOn{
	background-color:#000;
	text-align:center;
	color:#45a1ee;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	}
		


h1{
	font-size:30px;
	color:#ffffff;
	line-height:25px;
}

h2{
	font-size:13px;
	color:#005dab;
	text-align:left;
}

h3{
	color:#ce181f;
	font-size:14px;
}



.black{
	font-size:12px;
	color:#000000;
	text-align:left;
	line-height:14px;
}

.grey{
	font-size:11px;
	color:#7c767c;
	text-align:left;
	height:auto;
}


.small{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	}


.link-text
{
  color: #bbb6b5;  
}

.link-black
{
  color: #555;  
}

.A1:link
{
	color: #555;
	text-decoration: none;
}
.A1:visited
{
	color: #555;
	text-decoration: none;
}
.A1:hover
{
	color: #bbb6b5;
	text-decoration: none;
}


.A2:link
{
	color: #555;
	text-decoration: none;
}
.A2:visited
{
	color: #555;
	text-decoration: none;
}
.A2:hover
{
	color: #bbb6b5;
	text-decoration: none;
}


.A3:link
{
	color: #555;
	text-decoration: none;
}
.A3:visited
{
	color: #555;
	text-decoration: none;
}
.A3:hover
{
	color: #bbb6b5;
	text-decoration: none;
}

.Red
{
	color:#ef5359;
	font-size:14px;
}

.clear
{
	clear:both;
}

.FolderIcon
{
	float:left;
	font-weight:bold;
	width:80px;
	padding:5px;
	min-height:30px;
	text-align:center !important;
	overflow:hidden;
	border:0px solid #000;
	
}

.leftWithWidth
{
	float:left;
	font-weight:bold;
	min-height:30px;
	min-width:250px;
	border:0px solid #000;
}
.right 
{
 float:left;
 font-weight:normal;
 min-height:30px;
 margin-bottom:5px;
}
.controls-align
{
    margin-left:150px;
}
.RedMsg
{
	color:#776d6c;
	font-size:12px;
	font-weight:bold;
}  
.leftWithWidthForTemplates
{
	float:left;
	font-weight:bold;
	min-height:30px;
	width:150px;
	padding-left:10px;
	border:0px solid #000;
}

.leftWithWidthForArticle
{
	float:left;
	font-weight:bold;
	min-height:30px;
	width:200px;
	border:0px solid #000;
	margin-left:10px;
	
}
.leftWithWidthForUser
{
	float:left;
	font-weight:bold;
	height:30px;
	width:145px;
	border:0px solid #000;
	margin-left:5px;
	
}
.leftWithWidthForCategory
{
	float:left;
	font-weight:bold;
	height:30px;
	border:0px solid #000;
	margin-left:10px;
	width:300px;
}
/*{
	float:left;
	font-weight:bold;
	height:30px;
	width:250px;
	border:0px solid #000;
}*/
.aTitle
{
	width:100%;
	overflow:hidden;
	border: 1px solid #000;
}




.tree, A:link
{
	color: #474747;
	text-decoration: none;
	font-weight:normal;
}
.tree, A:visited
{
	color: #474747;
	text-decoration: none;
	font-weight:normal;
}
.tree, A:hover
{
	color: #005dab;
	text-decoration: none;
	font-weight:normal;
}



A:link
{
	color: #474747;
	text-decoration: none;
	font-weight:normal;
}
A:visited
{
	color: #474747;
	text-decoration: none;
	font-weight:normal;
}
A:hover
{
	color: #9a9292;
	text-decoration: none;
	font-weight:normal;
}

.gvArticle tr td
 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align:left;         
	vertical-align:top;   
 }
.A3:link
{
	font-size:20px;
	color: #91bbeb;
	text-decoration: none;
}
.A3:visited
{
	font-size:20px;
	color: #91bbeb;
	text-decoration: none;
}
.A3:hover
{
	font-size:20px;
	color: #91bbeb;
	text-decoration: none;
}




.media{
	color:#005daa;
	text-align:center;
	height:70px;
	background-color:#fef6cd;
	padding-top:10px;
	border: 1px solid #c6dcf5;
	margin-bottom:10px;
	
}	


.edit
{
	color:#005daa;
	text-align:center;
	height:40px;
	background-color:#fef6cd;
	padding-top:10px;
	border-right: #c6dcf5 solid 1px;
	border-left: #c6dcf5 solid 1px;
	margin-bottom:0px;
}

#editleft
{ 
	float:left;
	margin-left:10px;
	color:#474747;
}

#editright
{ 
	float:right;
	margin-right:10px;
	color:#474747;
	 background-color:#fef6cd;
}



.dashBoardTitle
{
	color:#fff;
	text-align:center;
	min-height:10px;
	height:auto;
	background-color:#9d9695;
	padding:10px;
	margin-bottom:1px;
	font-weight:bold;
	font-size:13px;
}	

.A4:link
{
	color: #005daa;
	text-decoration:underline;
}
.A4:visited
{
	color: #005daa;
	text-decoration: underline;
}
.A4:hover
{
	color: #9d9695;
	text-decoration: underline;
}

/*New Styles----vinod*/
.MultiFile-title
{
    font-size:18px;
}
.MultiFile-remove
{
    font-size:18px;
    color:#e74310;
}
 .MultiFile-remove:link {color:#e74310; text-decoration:none; }
 .MultiFile-remove:visited { color:#e74310; text-decoration:none; }
 .MultiFile-remove:active { color:#e74310; text-decoration:none; }
 .MultiFile-remove:hover { color:#e74310; text-decoration:none; }
 
 #imgBtnLogOut:hover
 {
     filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	 opacity: 0.5;
	-khtml-opacity: 0.5;
 }
 #footer  A:link { color:#776d6c; text-decoration:none; }
 #footer A:visited { color:#776d6c; text-decoration:none; }
 #footer A:active { color:#ef5359; text-decoration:none; }
 #footer A:hover { color:#ef5359; text-decoration:none; }
 .version-hostory{clear:both; width:100%;}
 .version-title{width:98.5%; height:30px; background-color:#776d6c; margin-left:.3%; font-size:13px;color:#fff; font-weight:bold; padding-top:10px; text-align:center; cursor:pointer;}
 .list-versions{}
 .image-crop{border:2px solid #838383;}
 .button-crop{float:left; margin-left:10px;}
 /* metro dashboard stats */
.metro-overview 
{
    float:left;
    padding: 10px 10px 0px 10px;
    margin: 0px;
    margin-bottom: 5px;
    margin-right:10px;
    width:14%;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.metro-overview .display {
    margin-right: 5px;
    float: left;
    font-size: 30px;
    color: #fff;
}

.metro-overview .percent {
    color: #fff;
    font-size: 12px;
}

.metro-overview .details {
    color:#fff;
    text-align:right;
}

.metro-overview .details .title {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 6px;
}
.metro-overview .details .title i {
    color: #fff;
    margin-right: 2px;
}
.metro-overview .details .numbers {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px;
}
.metro-overview .progress {
    height: 5px;
    margin-bottom:10px !important;
}
.turquoise-color {
    background: #4cc5cd;
}

.red-color {
    background: #e17f90;
}

.green-color {
    background: #a8c77b;
}

.gray-color {
    background: #b9baba;
}

.purple-color {
    background: #c8abdb;
}

.blue-color {
    background: #93c4e4;
}
.category-icon{float:right; margin-top:4px;padding-right:10px; width:19px; height:20px; background-image:url(../gif/add-category.png); background-repeat:no-repeat;}
.change-icon{ background-image:url(../gif/remove-category.png) !important;}
.default-btn{ display:none;}
.gvArticle td:hover  .default-btn{ display:inline-block !important;}
.treeview-btn{float:right; margin-top:4px; margin-right:10px;}
.quickedit-btn{float:right; margin-top:8px; margin-right:53px;}
.help-link{float:left; font-size:14px;}
.add-top-btn{float:right; color:#fff !important;}
.control-block{float:right; padding-right:10px;}
.add-polls{margin-left:730px; margin-top:-40px;}		
.caption-block{float:left;}
.addnewsletter-btn{float:left; margin-left:210px; margin-top:20px;}		
.control-block img{ float:left; margin-top:3px; margin-right:5px;}
.add-small-btn{float:right; color:#555!important; margin-top:5px; margin-right:10px; font-size:13px; font-weight:bold !important;}
.export-import-btn{float:right;padding-right:10px;}
.tdLabel{ padding-left:5px;}
.tdlebar-even{padding-left:20px;}
.searchFilter{position:absolute;margin-top:-70px;overflow:hidden;}
.drpDateType{float:left; margin-right:10px; padding-top:3px;padding-bottom:3px;padding-right:3px;}
.textSearch{float:left;margin-right:10px;}
.searchIcon{float:left;}
.report-label{font-weight:bold; float:left; margin-top:10px; margin-right:10px;}
.button-style{-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-repeat:no-repeat;
background-position:10px center;
padding-left:40px !important;
padding-right:10px !important;
white-space: normal;
cursor:pointer;
margin-right:10px;
text-transform:uppercase;
}
.addfolderdialog
{
    float:left;
}
.transilation-wrap
{
    float:left;
    clear:both;
    padding-left:0 !important;
    width:100%;
}
.translation-label
{
    font-size:10px!important;
    font-style:italic;
}
.checkbox-trans
{
    float:right;
    margin-right:10px;
 }
 .tabs
 {
     padding-left: 154px;
     margin:0;
 }
 .tabs-article
 {
     padding-left: 214px;
 }
 .tabs li {
	list-style:none;
	display:inline;
	margin:0;
}

.tabs a {
	padding:5px 10px;
	display:inline-block;
	background:#ada7a7;
	color:#fff;
	text-decoration:none;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabs a.active {
	background:#666;
	color:#fff;
}
.first-label{padding-left:0;}
.first-label input[type="radio"]
{
    padding-left:0;
    margin-left:0;
}
.poll-question{ font-size:18px;}
.poll-question i{ font-size:12px;}
.span-float{float:left;}
.span-btn{float:left; margin-left:10px;}