/* CSS class for the site with the flash menu. It comes from the original flash site template with modifications. */

* {
	margin:0; padding:0;
	font-size:100%;
}

object {outline:none; vertical-align:top;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html
{
	font-size:0.85em;
	line-height:1.333em;
	color:white;
	background-color: #EAE8E4;
}
input, textarea
{
	line-height:1.333em;
	color:#1D4C07;
}

input, select {
    vertical-align: middle;
    color: #1D4C07;
    line-height: 1.333em;
    padding: 6px 6px;
    max-width: 500px;
}

a {color:white; outline:none;}

table.listview a, table.gridview a, table.detailstable a {
    color: #1D4C07;
}

.gridview .label
{
    color: #195C34 !important;
}

a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { line-height:1.615em; font-size:1.083em; font-style:italic;}
li a {color:#d5630f;}

.imgindent {margin:0 20px 0 0; float:left;}

h2 {
    font-size: 20px;
    line-height: 1.2em;
    color: #FFFFFF;
    margin-bottom: 16px;
    font-weight: 400;
    text-transform: uppercase;
}
h3 {font-size:1.69em; line-height:1.2em; color:#d45a00; text-transform:uppercase; width:100%; overflow:hidden; margin-bottom:17px;}
h3 img { float:left; margin-right:10px;}
h4 {font-size:2em; line-height:1.2em; color:#393939; text-transform:uppercase; margin-bottom:19px;}

strong {color:#000;}
em {font-size:1.083em; line-height:1.23em;}
/* ============================= header ====================== */
.flash {margin:0px 0 -50px 10px; padding-top:5px; position:relative;}
.flash1 {margin:-55px -1px -5px 0px; }

#page1 .extra-header {background:url(images/header-img.gif) top center no-repeat; height:439px;}
.extra-header 
{
    background: none repeat scroll 0 0 #EAE8E4;
    height: 0;
}
.extra-header .main {position:relative;}

/* ============================= content ====================== */
#page1 #content {margin-top:-286px;}
#content {
	/* background:#EAE8E4; */
}
.indent1 {padding:316px 5px 47px 10px;}

.indent-pad {padding-top:25px;}
.padding {padding-bottom:15px;}
.padding1 {padding-bottom:80px;}

.box {border:1px solid #c3c3c3; font-size:0.916em; line-height:1.63em; overflow:hidden;color: black;}
.box .indent {padding:24px 26px 16px 25px;}

.box .pad {padding-top:19px;}
.box .padding {padding-bottom:36px;}
.box .padding1 {padding-bottom:32px;}
.box .padding2 {padding-bottom:27px;}
#page1 .box h2 {font-size:2em; margin-bottom:0px;}
.box h2 {font-size:2em; margin-bottom:28px;}
.box a{ color: #DD7C00;}
.col-pad {padding-right:48px;}

.rss {margin-left:31px; padding-bottom:13px;}

.title, .title1 { line-height:1.2em;  display:inline-block; color:#fff; padding:3px 11px 4px 13px; font-weight:bold; margin-bottom:7px;}
.title {background:url(images/box-title-left-bg.gif) left top no-repeat #5e5e5e;}
.title1 {background:url(images/box1-title-left-bg.gif) left top no-repeat #5e5e5e;}

.border {text-transform:uppercase; border-bottom:1px solid #9b9b9b; color:#000; display:block; padding-bottom:1px; margin-bottom:5px;}

.link1 {text-transform:uppercase; font-size:0.9em; color:#000; display:inline-block; padding-left:14px; margin-top:7px;}
.link1-marg {margin-top:10px;}
.link2 { font-size:1em; color:#000; display:inline-block; padding-left:15px; margin-top:10px;}


.box1 {background:#B1CE9E; margin-bottom:-1px;}
.box1 .indent, .box2 .indent {padding:20px 26px 17px 25px}
.box1 .padding {padding-bottom:38px;}

.box2 {background:#f3f3f3; border:1px solid #cbcbcb;}
.box2 .padding {padding-bottom:38px;}
.box2 .padding1 {padding-bottom:33px;}

.banner {margin-top:11px;}

.margin {margin-top:11px;}
.margin1 {margin-top:7px;}

.pad {padding-top:21px;}
.pad1 {padding-top:26px;}
.pad2 {padding-top:18px;}

.h-pad {padding-top:32px;}

.border1 {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:35px; margin-bottom:35px; }
.block {font-size:1.083em; line-height:1.53em;}
.border2 {background:url(images/border-bg.gif) left bottom repeat-x; padding-bottom:35px; margin-bottom:16px;}
.border3 {border-bottom:1px solid #c3c3c3;}
.border4 {border-bottom:1px solid #9b9b9b; padding-bottom:19px; margin-bottom:20px;}


.list-border {border-bottom:1px solid #9b9b9b; padding-bottom:26px; margin-bottom:12px;}

.link {background:url(images/link-left-bg.gif) left top no-repeat; display:inline-block; line-height:1.2em; text-decoration:none; margin:18px 0 0 0px; color:#fff; font-weight:bold; cursor:pointer; font-size:0.916em; text-transform:uppercase;}
.link span {background:url(images/link-right-bg.gif) right top no-repeat; display:inline-block; padding:0 2px 0 2px;}
.link span span  {background:url(images/link-tail-bg.gif) top repeat-x; padding:7px 14px 8px 16px;}

.link:hover {background:url(images/link-left-bg-hover.gif) left top no-repeat; }
.link:hover span {background:url(images/link-right-bg-hover.gif) right top no-repeat;}
.link:hover span span  {background:url(images/link-tail-bg-hover.gif) top repeat-x;}

.phone {display:inline-block; width:74px;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-bg.gif) left top repeat-x;}
#footer .main {padding:27px 0 0 22px;}
.footer-menu {padding-bottom:5px;}
.footer-menu ul {width:100%; overflow:hidden;}
.footer-menu li {float:left; background:url(images/footer-menu-li-bg.gif) left 7px no-repeat; padding:0 10px; font-size:1.16em; font-style:normal;}
.footer-menu li a {color:#121212; text-decoration:none;}
.footer-menu li a:hover {text-decoration:underline;}
.footer-menu .first {background:none; padding-left:0px;}
.footer-policy {color:#797979; font-size:0.916em;}
.footer-policy a {color:#797979;}
.footer-policy span {color:#000; text-transform:uppercase; font-size:0.9em;}
/* ============================= forms ============================= */

#ContactForm {padding-top:20px;}
#ContactForm label {height:53px; display:block;}
#ContactForm .column1 {width:310px !important; float:left;}
#ContactForm .column2 {width:282px !important; float:left;}
#ContactForm .link {margin:0 0 0 20px;}
.alignright {text-align:right;}
.input {width:254px; height:18px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:278px; height:71px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}


/* ============================= documents ============================= */
.documents .fileIcon
{
	float:left; margin:20px 10px 10px 20px;
}
.documents .col-pad {width: inherit;float: none;}
.documents .indent {min-height: 86px;}
.documents h3 {font-size:2em; margin-bottom:0px;color: #a09b96;}

.label {
    color: white !important;
    margin: 2px;
}

.list h2 {
    color: white !important;
}

/* ============================= new EBaber ============================= */

#MainContentJudgement td.comment .label {
    color: #195C34 !important;
} 

.gridview .tableRow td.delete, .gridview .alternateTableRow td.delete,
.gridview .tableRow td.edit, .gridview .alternateTableRow td.edit {
    padding: 0;
    width: 32px;
}

.baber-icon {
	display: block;
    width: 28px;
    height: 100%;
    background-color: transparent;
    border: none;
}

.icon-delete {
	background-image: url(/App_Themes/EBaber/images/icon-delete.png);
	width: 33px;
    height: 33px;
    background-position: center center;
    background-repeat: no-repeat;
}

.baber-icon:hover .icon-delete:hover {
    background-image: url(/App_Themes/EBaber/images/icon-delete-active.png);
    background-color: #ad393a;
    color: #fff;
}

.icon-edit {
	background-image: url(/App_Themes/EBaber/images/icon-edit.png);
	width: 33px;
    height: 33px;
    background-position: center center;
    background-repeat: no-repeat;
}

.baber-icon:hover .icon-edit:hover {
    background-image: url(/App_Themes/EBaber/images/icon-edit-active.png);
    background-color: #13ab82;
    color: #fff;
}

.listDetailsImage {
    display: none;
}

#baberContainer {
    width: inherit;
}

.modal_Popup {
    background-color: rgba(255,255,255,0.9);
    border-color: #2e9d9f;
    color: #0d7c5f;
}

.modal_Popup td {
    padding: 2px;
}

#content {
    width: 1300px;
    margin: 0 auto;
    text-align: left;
}
.main {
    width: inherit;
}

table.listview, table.gridview, table.detailstable {
    float: inherit;
}

.indent {
    max-width: 1300px;
}

.button_left_bg {
    display: inline-block;
    margin: 2px 0 0 0;
}

#bankStatementDetails td {
    color: white;
}

#bankStatementDetails td.col-label {
    width: 20%;
}

input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.clearButton {
    font-size: large;
    vertical-align: middle;
}