@charset "utf-8";
/* CSS Document */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    color: #000;
}
.middleContain {
    float: left;
    width: 100%;
	
}
.leftTopHeader {
    width: 13%;
    float: left;
}
.middleTopHeader {
    width: 74%;
    float: left;
}
.leftTopHeader {
    width: 13%;
    float: left;
}
.orangebutton {
    background-color: #f8540c;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    padding: 2px;
}
.redlinks a:link {
    color: #f25f00;
    text-decoration: none
}
.redlinks a:active {
    color: #f25f00;
    text-decoration: none
}
.redlinks a:visited {
    color: #f25f00;
    text-decoration: none
}
.redlinks a:hover {
    color: #0097d9;
    text-decoration: none
}
.redlinks2 a:link {
    color: #f25f00;
    text-decoration: none
}
.redlinks2 a:active {
    color: #f25f00;
    text-decoration: none
}
.redlinks2 a:visited {
    color: #f25f00;
    text-decoration: none
}
.redlinks2 a:hover {
    color: #f25f00;
    text-decoration: none
}
.graylinks a:link {
    color: #5a5a5a;
    text-decoration: none
}
.graylinks a:active {
    color: #5a5a5a;
    text-decoration: none
}
.graylinks a:visited {
    color: #5a5a5a;
    text-decoration: none
}
.graylinks a:hover {
    color: #f25f00;
    text-decoration: none
}
.basePageLayout {
    float: left;
    margin: 1% 12% 0 13%;
    width: 74%;
}
.headerText {
    background-color: #748899;
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #b0b0b0;
    padding: 4px 9px 4px 15px;
    text-align: center
}
.orangetext {
    color: #f25f00;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.orangetextsmall {
    color: #f25f00;
    text-align: center;
    font-size: 11px;
}
.bluetext {
    color: #0097d9;
    font-size: 11px;
    text-align: center;
}
.createCase {
    width: 30%;
    float: left;
    padding: 5px;
}
.createCaseMiddle {
    width: 65%;
    float: left;
    padding: 5px;
}
.bodyLeft {
    width: 68%;
    float: left;
	border: 1px solid #b0b0b0;
}
.bodyRight {
    width: 32%;
    float: left;
    padding-left: 10px;
}
.logo {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-top: 20px;
}
.loginText {
    width: 45%;
    float: left;
    padding-top: 15px;
    text-align: right;
}
.headerTopLeft {
    width: 100%;
    float: left;
    background-image: url('../images/navbar_gradient.PNG');
    background-repeat: repeat-x;
    height: 88px;
}
.newEvent {
    width: 49%;
    float: left;
}
.newEventMiddle {
    width: 1%;
    float: left;
    padding-top: 1%;
}
.newEventRight {
    width: 49%;
    float: left;
    padding-left: 1%;
}
.newEventText {
    width: 65%;
    float: left;
    padding: 5px;
    color: #0097d9;
}
.newEventText1 {
    width: 35%;
    float: left;
    padding: 5px;
    text-align: right;
}
.bodyrightTopVoter {
    width: 100%;
    float: left;
    text-align: center;
}
.bodyrightSimilerCase {
    width: 100%;
    float: left;
    text-align: center;
}
.menuPanel {
    width: 100%;
    float: left;
    background-image: url('../images/Gradient_NavBar.png');
    background-repeat: repeat;
    font-size: 15px;
    height: 40px;
    border: 1px solid #CCC;
}
.menu {
    width: 81%;
    float: left;
    padding: 0px;
}
.searchbox {
    width: 18%;
    float: right;
    padding: 8px 1px;
}
.inputsearch
{
	width:70%;
}
.casePanel {
    width: 100%;
    float: left;
    background-image: url('../images/Gradient_NavBar.png');
    background-repeat: repeat;
    font-size: 15px;
    height: 40px;
    border: 1px solid #CCC;
}
.activated{
	color:#dc4c1c;
}
.case {
    float: left;
    padding: 8px;
    width: 30%;
}
.casebox {
    float: left;
    padding: 8px;
    width: 65%;
    text-align: right;
}
.casetextbox {
    width: 40%;
    float: left;
}
.casedropdown {
    width: 40%;
    float: left;
}
.vssmall {
    width: 20%;
    float: left;
    padding-top: 15%;
    text-align: center;
}
.invitePanel {
    width: 100%;
    float: left;
    background-image: url('../images/Gradient_NavBar.png');
    background-repeat: repeat;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    border: 1px solid #CCC;
    padding: 8px;
}
.inviteVotersLeft {
    width: 49%;
    float: left;
}
.inviteVotersRight {
    width: 49%;
    float: right;
}
.invoiceVotersMiddle {
    width: 2%;
    float: left;
}
.createCaseTopLeft {
    width: 40%;
    float: left;
    padding: 1%
}
.createCaseTopMiddle {
    width: 20%;
    float: left;
    padding: 4% 1% 1% 1%;
}
.createCaseTopRight {
    width: 40%;
    float: left;
    padding: 1% 0 0 3%;
}
/*for ok message*/

.ok-msg-container {
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    -webkit-box-shadow: 0 0 20px rgba(30, 30, 30, 0.7);
    -moz-box-shadow: 0 0 20px rgba(30, 30, 30, 0.7);
    background: #cff0cc;
    background-clip: padding;
    box-shadow: 0 0 20px rgba(30, 30, 30, 0.7);
    left: 0;
    margin: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 999;
}
.ok-msg {
    background: #cff0cc url(../images/right.png) 15px center no-repeat;
    margin: 0 auto;
    padding: 20px 20px 20px 27%;
    /*width: 915px;*/
    
    width: 915px;
}
a.close-msg {
    color: #000;
    float: right;
    padding: 0 5px;
	font-size: 20px;
    font-weight: bold;
	color:#900;
}
a.close-msg:hover {
    background-color: #000;
    color: #999;
}
.error {
    color: #900;
}
.viewissueInvitePanel {
    width: 100%;
    float: left;
    background-image: url('../images/Gradient_NavBar.png');
    background-repeat: repeat;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    border: 1px solid #CCC;
    padding: 8px;
    border-right: none;
}
.viewissueInviteVoter {
    width: 100%;
    float: left;
    background-image: url('../images/Gradient_NavBar.png');
    background-repeat: repeat;
    font-size: 15px;
    font-weight: bold;
    height: 40px;
    border: 1px solid #CCC;
    padding: 8px;
    border-left: none;
}
.profileHeaderText {
    background-color: #748899;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #b0b0b0;
    padding: 4px 7px;
    text-align: center;
    width: 100%;
    float: left;
}
.profileLeft {
    width: 15%;
    float: left;
}
.profileRight {
    width: 85%;
    float: left;
}
.profilebox1 {
    width: 150px;
    float: left;
}
.profilebox2 {
    width: 80px;
    float: left;
}
.profilebox3 {
    width: 40%;
    float: left;
}
.editProfile {
    width: 50%;
    float: left;
}
.changeAvatarLeft
{
	width:35%;
	float:left;
	position:absolute; 
	height:300px; 
	overflow:auto; 
	background-color:#ccc; 
	text-align:center;
}
.changeAvatarRight
{
	background-color: #ccc;
    float: right;
    height: 300px;
    overflow: auto;
    position: absolute;
    right: 38.5%;
    text-align: left;
    width: 35%;
}
.emailHead
{
	background-image:url(../images/mailHeader.png);
	height:20px;
	width:600px;
	
}