/* 
	    company: dial media group www.dialmediagroup.com
	author name: Matt Isaacs
	    website: Guildford Spectrum - Active Card
*/

/* standard tags */
a{text-decoration:none}
a:hover{text-decoration:underline}
a:focus{text-decoration:underline}
acronym, abbr{border-bottom:1px dashed;cursor:help}
address{font-style:normal;color:#999}
body{margin:0;padding:0}
img{border:0}
p{}
h1{}
h2, h3, h3, h4{}
.larger{font-size:120%;}
.error{font-size:16px; color:#ee3e28; font-weight:bold;}
hr{background:#FFFFFF; border:1px solid #ffffff; height:0; margin:3px 0 3px 0; padding:0; overflow:hidden; clear:both;}


/* layout */
/* footer */
#footer ul{margin:0 10px 0 0;padding:0;list-style-type: none}
#footer li{display: inline; padding: 0 0.5em 0 0.7em; border-left: 0.12em solid #000}

/* data tables */
.standard-data table{border:solid #fff;border-width:0 0 1px 1px;border-spacing:0;border-collapse:collapse}
.standard-data td, .standard-data th {padding:10px;border:solid #fff;border-width: 1px 1px 0 0}
.standard-data th {font-weight:bold;background:#f57c00;text-align:left}
.standard-data td {text-align:left;vertical-align:top;padding-top:15px}
.standard-data tbody tr:hover {background:#3d1008}
.standard-data tbody tr:hover th,{background:#3d1008}
.standard-data h2{font-size:medium}
.standard-data input:focus{background:#fff5e9}

/* bug fixes */
.clear{clear:both; width:100%;}

/* Clear fix on www.positioniseverything.net/easyclearing.html */
.clearfix:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */


body{background:#ba2e29; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:40px}

#container{width:742px; margin:auto; background:url('../images/bg.gif') repeat-y; padding:0 15px 0 15px;}

/* HEADER */
#header{width:742px; min-height:160px; height:auto !important; height:160px; background:url('../images/header.jpg') no-repeat top #FFFFFF;}
#header ul{list-style:none; float:right; margin:136px 0 0 0; padding:0;}
#header li{float:left; margin:0; padding:2px 10px 2px 10px; border-left:1px solid #cccccc;}
#header ul li a{color:#023f92; font-weight:bold;}

/* CONTENT */
#content{width:742px; background:url('../images/nav-bg.gif') left repeat-y;}
#main-content{width:553px; float:left; padding:0 0 19px 19px;}
#main-content a{color:#a8d9f2; font-weight:bold;}
#active-card-container{background:url('../images/active_bg.gif') repeat-y 13px top; width:536px; float:left}

#active-card-content{width:464px; float:left; background:url('../images/bg_active.jpg') 13px top no-repeat; padding:124px 34px 25px 38px; color:#FFFFFF; position:relative;}
#active-card-content-welcome{width:464px; float:left; background:url('../images/bg_active_welcome.jpg') 13px top no-repeat; padding:90px 34px 25px 38px; color:#FFFFFF;}
#active-card-content-welcome a{/*color:#FFFFFF;*/ text-decoration:underline;}
#active-card-content-welcome h2{color:#FFFFFF; font-size:12px;}
#active-card-content-welcome h3{color:#00FF00;}
#active-card-content h1, #active-card-content-welcome h1{color:#a8d9f2; font-size:15px; margin:0 0 10px 0; padding:0;}
#active-card-content ul{list-style:square; color:#ffffff; margin:0; padding:0;}
#active-card-content li{margin-left:20px; /*font-weight:bold;*/}
.active-card{margin:10px 0 0 -38px; width:226px; float:left;}
.active-card-list{float:left; width:230px; margin:0 0 0 30px; clear:right;}
#active-login{width:250px; float:right; margin:5px 0 0 0;}
#active-login .login-btn{background:url('../images/button.gif') no-repeat; width:98px; height:17px; display:block; color:#2d6bbf; font-weight:bold; text-align:center; padding:2px 8px 0 0; margin-top:5px; margin-bottom:5px;}
.active-card-footer{margin:0 0 0 13px; float:left}
#dropdown1, #dropdown2{float:left; clear:both; width:100%; margin:5px 0 0 0;}
#dropdown1-content, #dropdown2-content{padding:10px; border:1px solid #a8d9f2; border-right:none; border-left:none; float:left;}


.active-card-reward{border-bottom:1px solid #a8d9f2; float:left; padding:5px; width:446px; margin:0 0 5px 0;}
.active-card-reward h4, .active-discount h4{color:#a8d9f2; font-size:12px; margin:0 0 3px 0; padding:0;  float:left;}
.active-card-reward strong{font-size:11px; color:#FFFFFF; text-align:right; float:right; width:70px;}

.active-discount{border-bottom:1px solid #a8d9f2; float:left; padding:5px 5px 13px 95px; width:356px; margin:0 0 10px 0;}
.active-discount img{float:left; margin:0 10px 0 -90px; width:80px;}
.active-discount strong{font-size:11px; color:#FFFFFF; text-align:right;}
.active-discount h4{margin:0; padding:0;}
.active-discount h2{margin:10px 0 0 0; padding:0;}
.active-discount p{margin:0; padding:0;}


.register-btn a{position:absolute; z-index:2; top:0; left:436px; width:100px; height:104px; background:url('../images/btn_register.png') no-repeat; cursor:pointer;}
.register-btn a:hover{background:url('../images/btn_register_hover.png');}

/* LEFT MENU */
#left-container{width:170px; /*min-height:403px; height:auto !important; height:403px;*/ float:left; background:url('../images/left_content_bg.jpg') no-repeat top #f47521;}
#left-container ul{list-style:none; float:left; margin:0; padding:0;}
#left-container li{border-bottom:1px solid #ffffff; padding:0; margin:0; float:left;}
#left-container ul li a{color:#FFFFFF; font-weight:bold; display:block; padding:5px; width:150px; border-left-width:10px; border-left-style:solid;}
#left-container ul li a:hover{background:#ba2e29; text-decoration:none;}
#left-container ul li .nav-1{border-left-color:#2d319b;}
#left-container ul li .nav-2{border-left-color:#2d5db5;}
#left-container ul li .nav-3{border-left-color:#2d70c2;}
#left-container ul li .nav-4{border-left-color:#2c8fd4;}
#left-container ul li .nav-5{border-left-color:#00a651;}
.logo-gbc{padding:3px 36px 3px 26px; margin:250px 0 30px 0; background:#FFFFFF;}
/* sub menu - level 1 */
#left-container ul ul li{border-top:1px solid #ffffff; border-bottom:none;}
#left-container ul ul li a{background:#2d70c2; border-left-width:0; width:150px; padding:3px 5px 3px 15px;}


/* FORMS */
.form-one form{margin:0;padding:0; clear:both; float:left; width:100%;}
.form-one br{display:block;clear:both}
.form-one p{margin:0 0 10px 0; float:left; clear:both;}
.form-one label{display:block;clear:both;float:left;width:160px;margin:0;font-weight:normal;color:#a8d9f2;}
.form-one input, .form-one select{border:1px solid #2d79c7;margin:0;width:180px; font-size:95%;}
/*.form-one select {margin:0 0 10px 0;border:#5c778c;border-style:solid;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px}*/
.form-one textarea{border:1px solid #5c778c;margin:0 0 10px 0;width:300px;height:100px; no-repeat top left}
.form-one input:focus{background:#eef1f4}
.form-one select:focus{background:#eef1f4}
.form-one textarea:focus{background:#eef1f4}
.form-one fieldset{}
.form-one legend{font-size:1.0em;margin:0 0 10px -25px;font-weight:normal;color:#002D6C}
.form-one .radio{border:0}
.form-one .check{border:0;background-image:none;margin:0;width:20px}
.form-one .label-checkbox{width:auto;text-align:left}
.form-one .required{color:#990000}
.form-one .help-text{display:block;padding:0px 5px 5px 5px;clear:both;border:#ccc 1px dashed;line-height:12px;font-size:10px;text-align:center;margin:0 0 10px 0}
.form-one .submit{clear:both;margin-left:130px;width:60px;background-image:none;border:0}
.form-one h3 a{font-weight:bold}


/* FOOTER */
#footer{background:url(../images/footer.gif) no-repeat bottom left; width:702px; padding:5px 70px 20px 0; margin:0 0 0 -15px; text-align:right}
#footer a{color:#FFFFFF; font-size:10px; border-right:1px solid #cccccc; padding:0 15px 0 15px;}

/* CMS Styles copied over from main site */
.orange_subtitle {
	font-size: 12px;
	font-weight: bold;
	color: #f48b30;
	text-align:left;
}

.white_subtitle {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
}

.blue_subtitle {
	font-size: 12px;
	font-weight: bold;
	color: #023f92;
	text-align:left;
}

.orange_text {
	font-size: 10px;
	font-weight: bold;
	color: #f48b30;
	text-align:left;
}

.white_text {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
}

.blue_text {
	font-size: 11px;
	color: #023f92;
	text-align:left;
}

.dkblue_table {
        background-color: #1182ec;
        padding: 4px;

}

.blue_table {
        background-color: #52ABFF;
        padding: 4px;

}

.ltblue_table{
        background-color: #92ceff;
        padding: 4px;

}
.white_table {
        background-color: #ffffff;
        padding: 4px;

}

.img_style {
        margin: 5px;
        border: 1px solid #cccccc;
}