body {background:#EFEFE7;}

.nomargin{margin:0px;}
.nopadding{padding:0px;}
.mleft{margin-left:10px;}


/**************************************************************************
CUSTOM ROW STYLES
**************************************************************************/

.row .even {padding-top:8px;background:#F5F5F5;}
.row .odd {padding-top:8px;}


/**************************************************************************
CUSTOM TABLE STYLES
**************************************************************************/

table tr th.actionColumn{background:#E4E4E4;text-align:center;}
table tr td.actionColumn{background:#EFEFEF;text-align:center;}


/**************************************************************************
CUSTOM ICONS STYLES
**************************************************************************/

.icons.iconsButton{background-position:5px center;padding-left:40px;margin-bottom:8px;}
.icons.iconsInnerButton{background-position:0px center;width:40px;padding:20px;}
.icons.iconsSingleButton{background-position:5px center;margin-bottom:8px;width:40px;padding:18px 8px;}
.icons.iconsDashboard{background-position:center 10px;padding-top:40px;min-height:70px;}}


/**************************************************************************
CUSTOM FORM STYLES
**************************************************************************/

.button.dropdown ul.no-hover.show-dropdown { max-height:200px;overflow-y:scroll;} 


/**************************************************************************
BODY CONTENT STYLES
**************************************************************************/
.header{
	background:#EFEFE7;
}

h2.iconHeader {border-bottom:1px dotted #cccccc;font-size:18px;}
h2.iconHeader span {background-repeat:no-repeat;background-position:center center;padding:14px;margin-right:5px;}


.header .panelOne{padding:10px;height:50px;background:#2A5D7D;color:#FFFFFF;font-size:20px;text-shadow:2px 2px 2px #333333;border-bottom:10px solid #FFFFFF;}
.header .panelTwo{
			padding:0px 0px 0px 10px; height:30px;font-size:12px;color:#666666;line-height:30px;background:#FFFFFF;
			border-bottom:1px solid #DDDDDD;
			box-shadow:0px 4px 4px 0px #dddddd;
			-moz-box-shadow:0px 4px 4px 0px #dddddd;
			-webkit-box-shadow:0px 4px 4px 0px #dddddd;	}

table tr.topRow {background:#E6E6E6;font-size:14px;}

.content {padding:20px;}
.content .row{max-width:1100px;}

.glow {box-shadow:0px 0px 6px #CCCCCC;-moz-box-shadow:0px 0px 6px #CCCCCC;-webkit-box-shadow:0px 0px 6px #CCCCCC;}


.panel.alert {border:1px solid #F69234;background:#C22002;color:#FFFFFF;}
.panel.alert h3{font-size:18px;font-weight:bold;color:#FFFFFF;}


/**************************************************************************
ARROW CHECKOUT STEPS
**************************************************************************/
.arrow_box_active { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; height:40px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
float:left;
text-shadow:2px 2px 2px #CCCCCC;
}
.arrow_box_active:after, .arrow_box_active:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box_active:after { border-color: rgba(136, 183, 213, 0); border-left-color: #88b7d5; border-width: 16px; margin-top: -16px; }
.arrow_box_active:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 20px; margin-top: -20px; }

.arrow_box_inactive { position: relative; background: #E4F2FA; border: 4px solid #c2e1f5; height:40px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
float:left;
}
.arrow_box_inactive:after, .arrow_box_inactive:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.arrow_box_inactive:after { border-color: rgba(136, 183, 213, 0); border-left-color: #E4F2FA; border-width: 16px; margin-top: -16px; }
.arrow_box_inactive:before { border-color: rgba(194, 225, 245, 0); border-left-color: #c2e1f5; border-width: 20px; margin-top: -20px; }

.arrow_box_last { position: relative; background: #E4F2FA; border: 4px solid #c2e1f5; height:40px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
float:left;
}
.arrow_box_last_active { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; height:40px;-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
float:left;
text-shadow:2px 2px 2px #CCCCCC;
}

.arrowText {font-size:14px;font-weight:bold;color:#98C1DB;margin:10px 0px 12px 20px}
.arrow_box_active .arrowText, .arrow_box_last_active .arrowText {color:#FFFFFF;text-shadow:1px 1px 1px #333333;}
.arrow_box_active .arrowText a, .arrow_box_last_active .arrowText a{color:#FFFFFF;}
