a{
    text-decoration: none;
}

.span1{
    width: 100%;
}
.span2{
    width: 839px;
}
.span3{
    width: 544px;
}
.span4{
    width: 267px;
}

.floatspan{
    float: right;
}

.floatopposite{
    float: left !important;
}

/* nested fieldset */
#form1 fieldset {
    border:0;
    margin:0;
    padding:0;
        
}

/* typography */
#form1 h3 { color:#eee; margin-top:0px; }
#form1 p { font-size:11px; }


/* input field */
#form1 input[type="text"], #form2 input[type="text"], #form1 input[type="number"], #form1 input[type="email"], #form1 input[type="password"] {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: right;
    font-family: tahoma;
    padding: 2px 5px;
    width: 173px;
}

#form1 textarea, #form2 textarea{
    border: 1px solid #DBDBDB;
    height: 86px;
    padding: 5px 10px;
    width: 218px;
    font-family: Arial;
    font-size: 11px;
}

#form1 select, #form2 select{
    background: transparent;
    width: 261px;
    padding: 3px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    height: 34px;
    font-family: 'naskh';
    color: #000;
    -webkit-appearance: none;
}
#form1 select option, #form2 select option{
    padding: 5px;
    color: #000;
}

#form1 span{
    color: #222;
}

input[type="submit"]{
    background: #0089d8;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    font-family: tahoma;
    padding: 6px 18px 8px;
}

input[type="submit"]:hover{
    opacity: 0.80;
    filter:alpha(opacity=80);
    cursor: pointer;
}

#form1 input[type="checkbox"], #form2 input[type="checkbox"], #form3 input[type="checkbox"]{
    width: auto !important;
    height: auto !important;
}

#form1 input:focus, #form2 input:focus, #form3 input:focus {     }
#form1 input:active, #form2 input:active, #form3 input:active { }


/* button */
#form1 button , #form2 button , #form3 button {
    outline:0;
    border:1px solid #666;
}


/* field label */
label {
    color: #666666;
    display: block;
    font-size: 14px;
    margin: 11px 0 2px;
}


/* Align Att */
.alignright{ text-align: right; }
.aligncenter{ text-align: center; }
.alignleft{ text-align: left; }
/* Align Att */

/* direction Att */
.rtl{ direction: rtl; }
.ltr{ direction: ltr; }
/* direction Att */

/* Float Att */
.floatright{ float: right; }
.floatleft{ float: left; }
/* Float Att */

/* Color */
.green{ color: green !important; }
.red{ color: red !important; }
.black{ color: black !important; }
.white{ color: white !important; }
/* Color */

/* BColor */
.yellow{ background-color: yellow; }
/* BColor */

/* Width */
.width100p{ width: 100% !important; } 
/* Width */

/* Table Classes */
table.grid { border: 1px solid #fff; }
table.grid tr {}
table.grid td, th { border: 1px solid #fff; white-space: nowrap;}
table.grid th {
    background: none repeat scroll 0 0 #430004;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
}
table.grid th a, table.grid th a:hover { color: #F3F5F9 }

tr.dark {}
tr.dark td, td.dark {background-color: #F4F3F3; color: #333333;padding: 5px; }
tr.white {}
tr.white td, td.white {background-color: #eee; color: #333333;padding: 5px; }

table.morecellspace{}
table.morecellspace tr {}
table.morecellspace tr td {padding: 5px; color: #333; font-size: 16px;}

table.selectable{}
table.selectable tr {}
table.selectable tr:hover td { background-color: #FFFFF0; border: 1px solid #FFF0B7 }
.min{
  width: 1px;
  white-space: nowrap;
}
/* Table Classes */

/*  Font */
.tahoma{ font-family: Tahoma; }
.small{
  font-weight: normal;
  font-size: 12px !important;
}
/*  Font Size */

/* Form Classes */
form.StyleForm{}
form.StyleForm p {
  display: block;
  margin-bottom: 10px;
  border-right: 5px solid #CCCCCC;
  padding-right: 5px;
}
form.StyleForm p label {
  display: block;
  margin-bottom: 2px;
}
form.StyleForm select{
    
    height: 28px;
    width: 222px;
}


form.StyleForm input:focus, form.StyleForm textarea:focus, form.StyleForm select:focus {
  border: 1px solid #D7DEE8;
  
}
form.StyleForm small{
  font-size: 0.8em;
  font-style: italic;
}

.form-error{
  border: 1px solid #FF3300 !important;
}
.error-message{
  display: inline;
  color: red;
  margin: 0 5px;
}
.captcha{
  width: 83px;
  line-height: 26px;
  text-align: center;
}

/* Form Classes */

/*  Pageing */
.pagging {clear: both; text-align: center;}
.tdright { text-align: center; }
.tdright .num { margin-left:5px;line-height:10px;font-size:13px; text-align: center; display: inline-block;}
.tdright b{color:#ffffff;display:block;padding:10px 11px;background:#CCCCCC; border-radius: 2px;}
.tdright a:link, .tdright a:visited{text-decoration:none; color:#fff;background:#CCCCCC; padding:10px 11px; display:block; border-radius: 2px;}
.tdright a:active, .tdright a:hover{text-decoration:none; color:#fff; background:#CCCCCC; padding:10px 11px;display:block; border-radius: 2px;}
/*  Pageing */

/* alerts */
.alert {
    padding: 15px;
    border: 0 none;
    border-radius: 0;
    line-height: 1.4em;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #c09853;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #b94a48;
}
/* result */

.navigation{
    margin-bottom: 20px;
}

hr{
    border: 1px solid #ccc;
    width: 98%;
    height: 1px;
}

.sep{
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin: 5px 0;
    text-align: center;
}

.highlight{
  background-color: #EADE88 !important;
  color: red !important;
}