body
{
	background-color:black;
	margin-top:0px;
}
.MenuBar { font-family: Cambria ; }

.StaticMenuItem 
{
  
	/* Rounded Corners */	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	/* Background color and gradients */
	
	background: #A0620B;
	background: -moz-linear-gradient(top, #F3BD48, #A0620B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3BD48), to(#A0620B));     
	color:#56421F; 
	font-family: Cambria;
	font-size:13px;
	text-decoration:none; 
	font-weight:bold;
	z-index:9999;
	cursor:pointer;
    margin: auto; vertical-align: middle; background-repeat: repeat-x;
    height: 30px; text-align: center; color: Black; padding: 3px 0px 3px 10px;
}

.StaticMenuItemStyle { color: Black; padding:3px;  
                          /* Rounded Corners */	
}


.StaticHoverStyle { background-color: #EAB646; 
                 /* Rounded Corners */	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	   
                    color: White; }

.StaticSelectedStyle { background-color: #A0620B; color: #ffffff;
                        }

.DynamicMenuItemStyle 
{ width:260px; 
	z-index:100;
	background: #A0620B;
	background: -moz-linear-gradient(top, #F3BD48, #A0620B);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3BD48), to(#A0620B));     
	
   font-family: Cambria;
	font-size:12px;  margin: auto;/*border-width: 1px;*/ border-style: solid;
    border-color: #F3BD48;
    vertical-align: middle; 
    height:20px; text-align: center; color: #000; 
}

.DynamicHoverStyle {    background-color: #EAB646; 
                                  color: #ffffff;                   
                       
                        }



/*this datalist use for captcha*/
.autoDic {
    /*position: absolute;
    bottom: 1%;
    right: 17%;*/
   
}

    .autoDic .captaText {
        border-style: none;
        border-color: inherit;
        border-width: medium;
        background-color: #2f2f2d;
        color: #eab646;
        /*font-family: 'Curlz MT';*/
        font-family: 'Sans-serif';
        font-size: x-large;
        font-weight: bold;
        font-variant: normal;
        letter-spacing: 4pt;
        width: 68px;
        font-size: 17px;
        padding: 4px;
        text-align: center;
    }

    .autoDic button {
        padding: 10px 10px 5px 10px;
        background-color: #eab646;
        border: 1px solid #eab646;
        color: #333;
        margin: 0;
    }

    .autoDic input[type='text'].capTextArea {
        padding: 8px 0px 4px 1px;
        border: 1px solid #dcd8d8;
        border-radius: 4px;
    }

        .autoDic input[type='text'].capTextArea:focus {
            outline: 0;
        }



        /*/----Teleric captche---/-*/
.imageClass {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #000;
}

.textBox {
    display: block;
    margin-bottom: 10px;
}

.moduleContainer {
    background-color: #dff3ff;
    border: 1px solid #c6e1f2;
    padding: 15px 0 30px 10px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 5px 5px 10px #ccc;
    -webkit-box-shadow: 5px 5px 10px #ccc;
    box-shadow: 5px 5px 10px #ccc;
}

.imgCorrectCode {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 3px solid green;
}

.imgWrongCode {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 3px solid red;
}
/* Refresh Button for captcha*/
input[type=button].refresh-btn {
    background-image: url('../crm logo image/refresh-button.png');
    background-position: center;
    background-color: #e4f1fa;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
    width: 35px;
}
tr.autoDic td .left{
    width:35px;
    float:left;
}

tr.autoDic td .right {
    width: calc( 100% - 35px );
    float: left;
}
    tr.autoDic td .right input {
        border: 1px solid #b7b5b5;
        width: 86%;
    }