/*-------Heading tag------------*/
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:10px;}
h6{font-size:8px;}
/*-----------background---------------------*/
.green{background:#469A2B; color:#FFFFFF}
.blue{background:#009CE2; color:#FFFFFF}
/*-------------------------*/
.pd10{ padding:10px;}
.pdb10{padding-bottom:10px;}

.md10{ margin:10px;}
.mdb10{margin-bottom:10px;}

/*-----------Tabular lists-------------*/
table{font-size:14px;}
table.form { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
table.form tr td:first-child { width: 150px; }
table.form > * > * > td { color: #333; }
table.form td { padding:8px 4px; }

table.lists { border-collapse: collapse; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; margin-bottom: 20px; width: 100%; }
table.lists td{padding:10px 5px;}
table.lists th{ background:#8D8D8D; padding:10px; color:#fff; border-right:1px dotted #fff; font-size:14px; font-weight:500;} 

table.lists tbody td { vertical-align: top; padding: 5px 5px; }
table.lists tbody tr:hover { background:#ECECEC; }
table.lists .left { text-align: left; padding: 7px; }
table.lists .right { text-align: right; padding: 7px; }
table.lists .center { text-align: center; padding: 7px; }
table.radio { width: 100%; border-collapse: collapse; }
table.radio td { padding: 5px; vertical-align: top; }
table.radio td label { display: block; }
table.radio tr td:first-child { width: 1px; }
table.radio tr td:first-child input { margin-top: 1px; }
table.radio tr.highlight:hover td { background: #f8f6f6; cursor: pointer; }

.contentarea{ background:#ececec; padding:5px;}

/*-----------Tabular lists end-------------*/
/*-----------Input box styling-------------*/
input[type="text"] , input[type="password"] , select { width: 300px;     background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; font-family: Georgia,"Times New Roman",Times,serif; font-size: 13px; margin-left: 0; margin-right: 0; padding: 5px 7px; transition: all 0.3s ease-in-out 0s; }

/*--------------- Messages ---------------------*/
.breadcrumb { color: #c2c2c2; margin-bottom: 10px; text-align:center;}
.breadcrumb a { color:#999; font-size:11px;}
.breadcrumb a:hover { color:#000077 }
.success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color:#555555; }
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; }
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; }
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; }
.success { background: #EAF7D9 url('../images/success.png') 10px center no-repeat; border: 1px solid #BBDF8D; }
.warning { background: #FFD1D1 url('../images/warning.png') 10px center no-repeat; border: 1px solid #F8ACAC; }
.error { background: #FFD1D1 url('../images/warning.png') 10px 5px no-repeat; border: 1px solid #F8ACAC; margin:0; padding:5px 10px 5px 30px;}
.info {
    background: url("../images/info.png") no-repeat scroll 10px 10px #FFD1D1;
    border: 1px solid #F8ACAC;
    padding: 10px 10px 10px 38px;
}
.attention { background: #FFF5CC url('../images/attention.png') 10px center no-repeat; border: 1px solid #F2DD8C; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; }
.required { color: #FF0000; font-weight: bold; }

span.js_error { display: block; color: #FF0000; font-size:11px; }
.help { color: #999; font-size: 10px; font-weight: normal; font-family: Verdana, Geneva, sans-serif; display: block; }


/*********** button ***********/
a.button, input.button { cursor: pointer; color:#fff; font-size: 13px; font-weight: bold; background:#0099DD; border:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.25);}
a.button { display: inline-block; text-decoration: none; padding:7px 12px; }

input.button { margin:0; padding:7px 12px; }
a.button:hover, input.button:hover { background:#444; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.buttons { border-top:1px solid #EEEEEE; overflow: auto; padding:15px 6px 0px 6px; margin-bottom: 20px; }
.buttons .left { float: left; text-align: left; }
.buttons .right { float: right; text-align: right; }
.buttons .center { text-align: center; margin-left: auto; margin-right: auto; }