/* commonstyles.css */

/* CSS Document */
.red{
color:#FF3600;
}
.smalltext{
font-size:11px;
}
.smalltext p{
margin:0;
padding:0;
}
.userimg{
border:#B2D7EE solid 1px;
padding:3px;
}

.title{
background:#F8F8F8;
border-bottom:#E7E7E7 solid 1px;
width:100%;
float:left;
display:block;
text-transform:capitalize;
}
.title h5{
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
color:#003A63;
padding-left:6px;
width:auto;
float:left;
}

/*.title span{
float:right;
}
.title span a{
padding:3px 6px;
line-height:16px;
text-decoration:underline;
font-size:11px;
color:#B41C1C;
background:url(../images/bullet1.gif) no-repeat 0px 8px;
}
.title span a:hover{
padding:3px 6px;
line-height:16px;
text-decoration:none;
font-size:11px;
color:#0A67A8;
}*/
.list2{
color:#636363;
float:left;
font:11px Arial, Helvetica, sans-serif;
margin:8px 0;
width:auto;
}
.list2 h6{
color:#CB1515;
font:12px Arial, Helvetica, sans-serif;
text-transform:capitalize;
text-decoration:none;
}
.list2 ul{
padding:0;
margin:0;
margin-left:0px;
width:300px;
margin-right:8px;
}
.list2 li{
list-style-type:none;
line-height:18px;
background:url(../images/bullet1.gif) no-repeat 2px 8px;
padding-left:10px;
float:left;
}
.list2 a{
color:#003A63;
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;

}
.list2 a:hover{
color:#003A63;
font:11px Arial, Helvetica, sans-serif;
text-decoration:underline;

}

.form4{
border:#D6DADD solid 1px;
font-size:12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
padding-bottom:3px;
width:125px;
color:#AAAAAA;
}
.form3{
border:#D6DADD solid 1px;
font-size:12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
padding-bottom:3px;
width:125px;
}
.form5{
border:#D6DADD solid 1px;
font-size:12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding-top:3px;
padding-bottom:3px;
width:140px;
}

/**********************************************************************************************************/
/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}
.iconspan img{
margin-bottom:5px;
}

/*CSS used to style the examples. Remove if desired: */


/*div.eg-bar{
width:500px;
}*/

.icongroup1{

padding:5px 6px;

}


/******************************************************************************************************************/
.PercentBox {
float:left;
border:#CCCCCC solid 1px;
line-height:6px;
margin-top:4px;
background:#00CC00;
margin-right:4px;
width:80px;
}

label{
float:left;
width:150px;
padding-right:8px;
margin-bottom:4px;
}
.edit{
float:right;
font-size:11px;
color:#999;
text-transform:capitalize;
}
.edit a{
padding:3px 6px;
line-height:15px;
text-decoration:none;
font-size:11px;
color:#C70909;
font-weight:bold;
}

.edit a:hover{
padding:3px 6px;
line-height:15px;
text-decoration:underline;
font-size:11px;
color:#C70909;
font-weight:bold;
}

/*************boxes******************/
ul{ margin:0; padding:0;}


.detailsBox{
height:auto;
padding-bottom:2px;
margin-bottom:8px;
float:left;
width:100%;
}
.detailsBox h5{
color:#12639D;
font-size:12px;
background:#F6F6F6;
padding:2px 1px;
display:block;
width:auto;
border-bottom:#E6E4E4 solid 1px;
margin-bottom:6px;
text-transform:capitalize;
}
.colleagueslist li{
list-style-type:none;
margin-bottom:6px;
margin-top:6px;
width:100%;
float:left;
border-bottom:#cccccc  dashed 1px;
padding-bottom:8px;
}
.colleagueslist img{
float:left;
border:#E6E4E4 solid 1px;
padding:1px;
}
.colleagueslist div{
float:left;
margin-left:4px;
width:280px;
}

.colleagueslist p{
margin:0; padding:0;
}
.colleagueslist div.rightbox{
float:left;
margin-left:4px;
width:150px;
}
.colleagueslist div.rightbox h6{
font-size:12px;
color:#414141;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:14px;
padding-left:4px;
margin:3px 0;
background:url(../images/heading_bg.gif) repeat-y;
}
.colleagueslist div.rightbox ul{
margin:0; padding:0; margin-left:3px;
}
.colleagueslist div.rightbox ul li{
font-size:11px;
border:none;
color:#0E6CAF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
list-style-type:none;
padding:0; margin:0;
padding-left:8px;
}
.colleagueslist div.rightbox ul li a{
font-size:11px;
color:#0E6CAF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.selectBox{
margin:10px 0;
border-bottom:#CCCCCC solid 1px;
padding-bottom:6px;
}
.selectBox div{
float:right;
font-size:10px;
margin-right:10px;
}
.selectBox div a{
padding:1px 6px;
font-size:10px;
line-height:16px;
background:#F8F8F8;
text-decoration:none;
color:#7D7D7D;
border:#E9E9E9 solid 1px;
}
.selectBox div a:hover{
padding:1px 6px;
font-size:10px;
line-height:16px;
background:#F8F8F8;
color:#7D7D7D;
border:#E9E9E9 solid 1px;
text-decoration:underline;
}
.selectBox select{
font-size:10px;
}
.inbox{
width:100%;
margin:5px 0;
float:left;
text-transform:capitalize;
border-bottom:#E2E2E2 dashed 1px;
}
.inbox div.name{
float:left;
width:170px;
margin-right:15px;
}
.inbox div.name p{
font-size:10px;
color:#999999;
}
.inbox span.subject{
float:left;
width:200px;
margin-right:15px;
}
.inbox span.delete{
float:right;
width:50px;
margin-right:10px;
}
form{ margin:0;}





.projecttitle{
float:left;
width:100%;
margin:6px 0;
height:18px;
border-bottom:#CCCCCC solid 1px;
}
.projecttitle div {
margin-bottom:10px;
float:left;
}
.projecttitle div span{
width:160px;
float:left;
margin-right:10px;
display:block;
}



.projectlist{
float:left;
width:100%;
margin:1px 0;
border-bottom:#CCCCCC solid 1px;
padding-bottom:8px;
}
.projectlist div {
margin-bottom:10px;
float:left;
}
.projectlist div span{
width:160px;
float:left;
margin-right:10px;
display:block;
}



.milestonebox{
float:left;
width:170px;
margin-right:10px;
}
.milestonebox h3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:capitalize;
}

.projectdescription{
float:right;
width:340px;
}
.signup{
background:#2AAE06 ;

color:#FFF;
border:#CFF0C0 solid 1px;
font:bold 14px Tahoma;
padding:2px 6px;
cursor:pointer;
}
.wlinks1{
color:#6D6D6D;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding:1px 5px;
}
.wlinks1 a{
color:#D73333;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding:1px 5px;
}
.wlinks1 a:hover{
color:#D73333;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.wlinks2 a{
color:#919191;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
padding:1px 5px;
text-transform:lowercase;
}
.wlinks2 a:hover{
color:#D73333;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
padding:1px 5px;
}




.steps1{

}
.steps1 a{
background:#0862A2;
padding:2px 4px;
margin:0 4px;
color:#FFF;
border:#07436E solid 1px;
font:bold 11px Tahoma;
cursor:pointer;
text-decoration:none;
}
.steps1 a:hover{
background:#0862A2;
padding:2px 4px;
color:#FFF;
border:#07436E solid 1px;
font:bold 11px Tahoma;
cursor:pointer;
text-decoration: underline;
}
.steps1 a.selected{
background:#AAAAAA;
padding:2px 4px;
color:#FFF;
border:#9C9C9C solid 1px;
font:bold 11px Tahoma;
cursor:pointer;
text-decoration: none;
}
.steps1 a.selected:hover{
background:#0862A2;
padding:2px 4px;
color:#FFF;
border:#07436E solid 1px;
font:bold 11px Tahoma;
cursor:pointer;
text-decoration: underline;
}
.image1{
padding:1px;
margin:4px;
border:#AAAAAA solid 1px;
float:left;
}
.commontext{
font:12px Arial, Helvetica, sans-serif;
color:#003A63;
}
h3{
padding:2px 0;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

/********************searchresult styles*****************************/

.searchresult1 li{
list-style-type:none;
margin-bottom:6px;
margin-top:6px;
width:100%;
float:left;
border-bottom:#cccccc  dashed 1px;
padding-bottom:8px;
text-transform:capitalize;
}
.searchresult1 img{
float:left;
border:#E6E4E4 solid 1px;
padding:1px;
width:62px;
}
.searchresult1 div{
float:left;
margin-left:4px;
width:310px;
}
.searchresult1 div.headinglink{
float:left;
margin-left:0;
}

.searchresult1 p{
margin:0; padding:0;
}
.searchresult1 p.small{
color:#434343;
font-size:11px;
}

.searchresult1 p label{
width:60px;
margin-bottom:0;
color:#797979;
font-size:11px;
float: left;
}
.searchresult1 div.rightbox{
float:left;
margin-left:4px;
width:120px;
}
.searchresult1 div.rightbox h6{
font-size:12px;
color:#414141;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:14px;
padding-left:4px;
margin:3px 0;
background:url(../images/heading_bg.gif) repeat-y;
}
.searchresult1 div.rightbox ul{
margin:0; padding:0; margin-left:3px;
}
.searchresult1 div.rightbox ul li{
font-size:11px;
border:none;
color:#0E6CAF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
list-style-type:none;
padding:0; margin:0;

}
.searchresult1 div.rightbox ul li a{
font-size:11px;
color:#0E6CAF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
background:none;
padding-left:10px;
text-decoration:none;
border-bottom:#F4F3F3 solid 1px;
display:block;
line-height:18px;
height:19px;
}
.searchresult1 div.rightbox ul li a:hover{
font-size:11px;
color:#0E6CAF;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
background:url(../images/small_bullet.gif) no-repeat 3px 8px #F9F8F8;
padding-left:10px;
text-decoration:none;
border:#F4F3F3 solid 1px;
display:block;
line-height:18px;
height:18px;
}



.searchresult2 li{
list-style-type:none;
margin-bottom:6px;
margin-top:6px;
width:100%;
float:left;
border-bottom:#cccccc  dashed 1px;
padding-bottom:8px;
text-transform:capitalize;
}

.searchresult2 div{
float:left;
}

.searchresult2 p{
margin:0; padding:0;
}
.searchresult2 p.articletitle{
color:#11517E;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.searchresult2 p.articletitle a{
color:#11517E;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
}
.searchresult2 p.articletitle a:hover{
color:#11517E;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;;
}

.searchresult2 p.author{
color:#464646;
font-size:12px;
font-weight:bold;
text-transform:capitalize;
}
.searchresult2 p.update{
color:#E27471;
font-size:11px;
text-transform:capitalize;
}
.searchresult2 a{
text-transform: none;
}






/******************pages*****************/
.pages{
margin-top:1px;
padding:3px 0px;
background:#FFF;
border-bottom:#F1F1F1 solid 1px;
border-top:#F1F1F1 solid 1px;
float:left;
width:100%;
}
.pages span{
float:left;
color:#4E4E4E;
font:11px Arial, Helvetica, sans-serif;
text-transform:capitalize;
}
.pages a{
padding:2px 2px;
margin:0 2px;
color:#000;
font:11px Tahoma;
cursor:pointer;
text-decoration:none;
}
.pages a:hover{
background:#0862A2;
padding:2px 2px;
color:#FFF;
font:11px Tahoma;
cursor:pointer;
text-decoration: none;
}
.pages a.selected{
background:#AAAAAA;
padding:2px 2px;
color:#FFF;
font:11px Tahoma;
cursor:pointer;
text-decoration: none;
}
.pages a.selected:hover{
background:#0862A2;
padding:2px 2px;
color:#FFF;
font:11px Tahoma;
cursor:pointer;
text-decoration: underline;
}

/************************forum***************/
.forum{
border:#17507E solid 1px;
}
.forum span{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#C8E1F2;
}
.forum td{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
padding:2px;
}
.forum td h6{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}

.sliderimg{
margin-left:15px;
padding-top:4px;
float:right;
padding-right:15px;
}
.errorBox{
background:#F5C8C8;
border:#E69494 solid 1px;
padding:20px 8px;
color:#000;
}

.errorBox1{
background:#F5C8C8;
border:#E69494 solid 1px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
height:20px;
padding:5px 8px;
overflow:hidden;
color:#000000;
}
.errorBox span{
color:#646464;
font-size:11px;
}
.login{

}
.login label{
width:195px;
text-align:right;
}

.categories{
margin:8px 0;
}
.categories span{
font-weight:bold; float:left;
}
.categories div.links{
margin-left:75px;
}
.categories a{
padding:2px;
background:url(../images/bullet3.gif) no-repeat 0px 6px;
padding-left:8px;
}
hr{ border:#CBE0EF solid 1px; border-bottom:#FFF solid 1px;}

.creategroupbox{
float:left;
margin:10px 0;
width:100%;
border-top:#CBE0EF solid 1px;
height:auto;
background:#FAFAFA;
padding-bottom:15px;
}
.creategroupbox div.left{
float:left;
width:200px;
}
.creategroupbox div.right{
float:left;
width:305px;
margin-left:18px;
}
.creategroupbox h6{
font-size:12px;
font-weight:normal;
display:block;
line-height:20px;
border-bottom:#CCCCCC solid 1px;
}
.radioBox{
margin:1px 0;
padding:5px 0;
padding-left:20px;
border-top:#EBEBEB solid 1px;
border-bottom:#EBEBEB solid 1px;
width:200px;
}
/************************Password Strength***************/
.strength0
{
	width:35px;
	height:13px;
	background:#cccccc;
}

.strength1
{
	width:35px;
	height:13px;
	background:#ff0000;
}

.strength2
{
	width:35px;
	height:13px;
	background: yellow;
}

.strength3
{
	width:35px;
	height:13px;
	background:#399800;
}

/* end commonstyles.css */