/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #111111;
}

html, body {
  height: 100%;
}

body {
	margin : 0 auto;
	padding : 0;
	font-family: 'Lato', sans-serif;
	font-size : 13px ;
	line-height: 19px;	
	color : #111111; 
	text-align: center;
	-webkit-font-smoothing: antialiased;
	background-color: #FFFFFF;
}

p{ margin: 0; }



/*
 * A better looking scrollbar
*/

::-webkit-scrollbar {
    width: 9px;
}
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #FFF;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
    vertical-align: middle;
	border : 0;
	max-width: 100%;	
}
img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}



/* ==========================================================================
   Colours
   ========================================================================== */
.red{ color: #ed1c24; }
.green{ color: #72a539; }
.blue{ color: #86d7ce; }
.blue_light{ color: #86d7ce; }
.pink{ color: #e4dad8; }
.white{ color: #FFFFFF; }
.grey{ color: #e4e6e5;}
.grey_medium{ color: #AAAAAA; }
.grey_dark{ color: #47515f;}

/* ==========================================================================
   Fonts
   ========================================================================== */
   
   
/* ==========================================================================
   Headings
   ========================================================================== */  
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	margin-top: 0px;
	letter-spacing: 0px;
}

h1  { 
	color: #000000;
	text-align: center;
	font-weight: 300;
	margin : 0px;
	font-size : 36px;
	line-height: 36px;
	display: block;
	text-transform: uppercase;
	border-top: 1px #FFFFFF solid;
	padding: 10px 10px;
}

h2 { 
	color: #000000;
	text-align: center;
	font-weight: 300;
	margin : 0px;
	font-size : 26px;
	line-height: 26px;
	display: block;
	text-transform: uppercase;
	padding: 4px 0px;
}

h3 { 
	color: #000000;
	text-align: center;
	font-weight: 300;
	margin : 0px;
	font-size : 22px;
	line-height: 28px;
	display: block;
	padding: 4px 4px;
}


h4 { 
	color: #000000;
	text-align: center;
	font-weight: 300;
	margin : 0px;
	font-size : 18px;
	line-height: 24px;
	display: block;
	padding: 4px 4px;
}


h5 { 
	color: #111111;
	font-size : 16px;
	line-height: 28px;
	margin-bottom: 0px;
	font-weight: 300;
}


h1 .thin, h2 .thin{
	font-weight: 300;
}

/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

hr.thick {
	height: 6px;
}
hr.white{
	background-color: #FFF	;
	color: #FFF;	
}
hr.grey{
	background-color: #EEE;
	color: #EEE;	
}



/* ==========================================================================
   TYPOGRAPHY
   ========================================================================== */

.lato{
	font-family: 'Lato', sans-serif;	
}

p, ol, ul, dl, address { 
	margin-bottom : 0px;
	line-height: 19px; 
	font-size : 13px;
}
p {
	hyphens : auto;  
}
p.smaller{
	font-size: 12px;
}

ul, 
ol { 
	margin : 10px 0 10px 0; 
	padding : 0 0 0 24px;
	list-style: circle;
	font-size: 15px;
}
ul li, 
ol li{
}

li ul, 
li ol { 
	margin : 0;
}


dl, 
dd { 
	margin-bottom : 1.5em; }

dt { 
	font-weight : normal; }

b, strong { 
	font-weight : bold; }

hr { 
	display : block; 
	margin : 0 0; 
	padding : 0;
	height : 1px; 
	border : 0; 
	border-top : 1px solid #EEE;
}

small, .small { 
	font-size : 11px; /* 16 / 16 = 1 */
}
	

sub, sup { 
	font-size : 75%; 
	line-height : 0; 
	position : relative; 
	vertical-align : baseline; }

sup { 
	top : -.5em; }

sub { 
	bottom : -.25em; }

.subtext {
	color: #666;
}

blockquote{
	margin: 0px 25px;
	font-style:italic;	
	position: relative;
}
blockquote:before {
	display: block;
	content: "\201C";
	font-size: 60px;
	position: absolute;
	left: -30px;
	top: 12px;
	color: #7a7a7a;
}
cite, .quoted_from{
	margin-left: 25px;
}


/* ==========================================================================
   Buttons and Links
   ========================================================================== */
   
a, a:before, a:after { 
	color : #86d7ce;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
	outline: none;
	text-shadow: 0px 1px 0px #fff;
}

a:visited { 
	color : #86d7ce; }

a:focus { 
	color : #86d7ce;
	outline: none; 
}

a:hover, 
a:active { 
	outline : 0;
	text-decoration: underline;
}



.button, a:visited.button, #goog-wm-sb {
	background-color: #000;
	color: #86d7ce;
	display: inline-block;		
	font-family: 'Lato', sans-serif;
	font-weight: 400 !important;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	margin: auto 10px auto 10px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-indent: 0;
	cursor: pointer;
	position: relative;

	box-shadow: none !important;
	text-shadow: none !important;
}


.button_std{
	background-color: #000;
	color: #86d7ce;
	display: inline-block;		
	font-family: 'Lato', sans-serif;
	font-weight: 400 !important;
	font-size: 18px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-indent: 0;
	cursor: pointer;
	position: relative;
	width: auto !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

.button_std.small{
	font-weight: 400 !important;
	font-size: 12px;
	line-height: 12px;
	padding: 4px 10px;
}



.button_action.small{
	font-weight: 400 !important;
	font-size: 12px;
	line-height: 12px;
	padding: 4px 10px;
	background-color: #86d7ce;
	border: 1px #86d7ce solid;
	color: #FFF;
	text-shadow: none;

	display: inline;
	float: none;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}

.button_action.small:hover{
	background-color: #FFF;
	border: 1px #86d7ce solid;
	color: #86d7ce;
	text-decoration: none;
}


.button_std.grey{
	background-color: #dbdfe4;
	border-color: #dbdfe4;
	color: #FFF;
}



.button:before{
	content: ' ';
	position: absolute;
	width: 10px;
	height: 0;
	left: -10px;
	top: 0px;
	border-width: 19px 5px;
	border-style: solid;
	border-color: #000 #000 #000 transparent;
}
.button:after{
	content: ' ';
	position: absolute;
	width: 10px;
	height: 0;
	right: -10px;
	top: 0px;
	border-width: 19px 5px;
	border-style: solid;
	border-color: #000 transparent #000 #000 ;
}



.button:hover, #goog-wm-sb:hover {
	background-color: #999999 !important;
	background-image: none;
	text-decoration: none;
}
.button:hover:before {
	border-color: #999 #999 #999 transparent;
}
.button:hover:after {
	border-color: #999 transparent #999 #999 ;
}

a.back_link{
	color: #999;
	font-size: 12px;
	text-align: center;
	padding: 12px 0px 12px 0px;
	display:block;
}




/* Custom Uploadify Button */

#uploadify { 
	position: relative;
}
#uploadify object { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
}

	


/* ==========================================================================
   Selection Colour
   ========================================================================== */

::-moz-selection {
    background: #86d7ce;
    text-shadow: none;
	color: #FFF;
}

::selection {
    background: #86d7ce;
    text-shadow: none;
	color: #FFF;
}



/* ==========================================================================
   Tables
   ========================================================================== */
table { 
	border-collapse : collapse;
	border-spacing : 0;
	margin-bottom : 0; 
	width : 100%; }

th, td { 
	vertical-align: top;
}



caption { 
	padding : .25em 10px .25em 5px; }

tfoot { 
	font-style : italic; }

caption { 
	background-color : transparent; }
	
table.default_table_style {
	border-top: 1px #CCC solid;
}

	
table.default_table_style th{
	border-bottom: 1px #CCC solid;
	text-align: left;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	padding: 8px 5px;
	background-color: #FFF;
}

table.default_table_style td{
	font-size: 12px;
	color: #333;
	background-color: #FFF;
	padding: 8px 5px;
	border-bottom: 1px #CCC solid;
}


table.default_table_style tr.inactive > td{
	color: #CCC;
}


table.default_table_style tr.altBG > td{
	background-color: #F6F6F6;
}

table.default_table_style tr.altBG:hover > td, table.default_table_style tr:hover > td{
	background-color: #e1f0ef;
	cursor:pointer;
}


/* ==========================================================================
   Forms and Input Fields
   ========================================================================== */
form { 
	margin : 0; }

fieldset { 
	margin-bottom : 1.5em; 
	padding : 0; 
	border-width : 0; }

legend { 
	*margin-left : -7px; 
	padding : 0; 
	border-width : 0; }

label{
	font-weight : normal;
	cursor : pointer;
	display:block;
	margin:10px 0 0 0;
	position:relative;
	top:0;
	left:0;
}

	label.inline{
		display:inline;
		margin:0;
	}
	
	label span{
		color:#666;
		font-size:0.9em;
	}
	
	label span.right{
		position:absolute;
		bottom:0;
		right:1em;
		text-align:right;
	}
	
	label.disabled{
		color:#ccc;
	}


button, 
search,
input, 
select, 
textarea { 
	font-size : 100%; 
	margin : 0; 
	vertical-align : baseline; 
	*vertical-align : middle; }

button, input { 
	line-height : normal; 
	*overflow : visible; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
	padding: 0.5em 1em;
	margin: 0 0 1em; 0;
	cursor : pointer; 
	text-shadow:0 1px 0 #fff;
}

input[type="checkbox"], 
input[type="radio"] { 
	box-sizing : border-box; }

input[type="search"] { 
	box-sizing : content-box;
}

button::-moz-focus-inner, 
input::-moz-focus-inner { 
	padding : 0;
	border : 0;  }

input{
	display:block;
	width:97%;
	margin:0 0 4px 0;
	font-size:12px;
	padding:5px;
	background:#BBB;
	border:none;
	
	/*
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	-moz-box-shadow:inset 0px 0px 6px #ccc;
	-webkit-box-shadow:inset 0px 1px 6px #ccc;
	box-shadow:inset 0px 1px 6px #ccc;
	*/
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
		color:#bbb;
	}
	
	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
		color:#999;
		background:#f5f5f5;
		/*
		-moz-box-shadow:inset 0px 0px 2px #ddd;
		-webkit-box-shadow:inset 0px 1px 2px #ddd;
		box-shadow:inset 0px 1px 2px #ddd;*/
	}
	
textarea{
	width:97%;
	height:150px;
	margin:0 0 0 0;
	border:1px solid #ccc;
	padding:5px;
	font-family:inherit;
	font-size:0.9em;
	/*
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:inset 0px 0px 6px #ccc;
	-webkit-box-shadow:inset 0px 1px 6px #ccc;
	box-shadow:inset 0px 1px 6px #ccc;
	*/
	overflow : auto; 
	vertical-align : top;
}

/* Colors for form validity */
input:valid, 
textarea:valid   {  
/* Styles */ }

input:invalid, 
textarea:invalid {
	/*
	-webkit-box-shadow : 0 0 2px #f00; 
	-moz-box-shadow : 0 0 2px #f00;
	box-shadow : 0 0 2px #f00; 
	*/
}

.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid {
	background-color : #ccc; }
	
.field_icon_wrapper{
	position: relative;
}
.field_icon_wrapper i{
	font-size: 22px;
	position: absolute;
	width: 30px;
	margin-left: -30px;
	margin-top: 8px;
	color: #47515f;
	top: 0;
	right: 0;
}


.range_wrapper{
}
.range_wrapper .field_icon_wrapper,
.field_icon_wrapper.number{
	width: 48% !important;
	display: inline-block;
}
.range_wrapper .field_icon_wrapper.first{
	margin-right: 4%;
}



/* ==========================================================================
   Form Structure
   ========================================================================== */
.form_fields_container li:first-child{
	border:none;
}
ul.form_fields_container{
	margin: 0;
	padding:0;
}

.form_fields_container li h2{
	text-shadow: 1px #FFF solid;
	margin: 30px 0 10px 0 ;
	padding: 0;
}
.form_fields_container li h2.top{
	margin: 0px 0 10px 0 ;
}

.form_fields_container li{
	padding: 0px 0px 0px 0px;
	list-style:none;
	display:inline-block;
	width:100%;
}

.form_fields_container li.half_wide{
	width: 47%;
	float: left;
}
.form_fields_container li.half_wide.last{
	margin-left: 2% !important;
}



ul.form_fields_container li.span_1_of_2{
	width: 48%;
	margin: 0 2% 0 0;
}
ul.form_fields_container li.span_1_of_2.last{
	margin: 0;
}


.form_fields_container>li>label{
	padding:0px 0px;
	display:block;
	margin:9px 0px 6px 1px;
	color:#73777f;
	font-size:16px;
	line-height: 18px;
	text-align: left;
    width: 100%;
    cursor: default;
    font-family: 'Lato', sans-serif;
}

.form_fields_container li div.form_input{
	width:100%;
	display:block;
	margin:0px;
	text-shadow: 0px 1px 0px  #fff;
	line-height: 20px;
}

.form_fields_container li div.form_input input, 
.form_fields_container li div.form_input textarea, 
.form_fields_container li div.form_input select{
	display: inline-block;
	padding: 10px;
	width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */	
	
	border: 1px #EEEEEE solid;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	background:#eaeaea;
	border-radius:4px;
	color:#666666;

		
	-moz-box-shadow: inset 1px 1px 2px #999999;
	-webkit-box-shadow: inset 1px 1px 2px #999999;
	box-shadow: inset 1px 1px 2px #999999;

}


.form_fields_container li div.form_input .field_list_label{
	display: inline-block;
	width: 30%;
}

.form_fields_container li div.form_input input.checkbox{
	width: auto;
}


.form_fields_container li div.form_input input.field_list{
	width: 100px !important;
}


.form_fields_container li div.form_input a.block{
	display: block;
}


.form_fields_container li div.form_input input.inactive, 
.form_fields_container li div.form_input textarea.inactive, 
.form_fields_container li div.form_input select.inactive {
	background-color: #f6f6f6;

	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;	
}

.form_fields_container li div.form_input input.in_error, .form_fields_container li div.form_input textarea.in_error, .form_fields_container li div.form_input select.in_error {
	background-color: #F2DEDE;
}



.form_fields_container li .checkbox,
.form_fields_container li .checkbox_sub{
	width: auto;
	display: inline-block;
	margin-right: 10px;
}

.form_fields_container li .area_container label{
	color: #73777F;
	font-size: 12px;
}

.form_fields_container li .area_container label.all{
	font-weight: bold;
}




/* for location selector  (used in supplier registration form) */

.area_container{
	display: none;
	padding-left: 20px;
}

.area_container.active{
	display: block;
}




/*
.form_fields_container li div.form_input select{
	width:104%;
	margin-bottom: 2px;
}

.form_fields_container li div.radiolist{
	line-height: 15px;
}

div.form_input textarea{
	width:98%!important;
}
.form_fields_container li div.form_input input[disabled="disabled"]{
	background:#E4E4E4;
	color:#999;
}

.form_fields_container.leftalign > li > label{
	text-align: left;
    width: 25%;	
}
.form_fields_container.leftalign li div.form_input{
	float:left;
	width: 70%;
	margin-right:0px;
}

*/



input[type="radio"] { 
	width: auto;
	display: inline-block;
}

/* ==========================================================================
   Restrict Chars
   ========================================================================== */
.restrict_chars div{
	font-size: 11px;
	color: #666;
	display: block;
	text-align: right;
} 



/* ==========================================================================
   Category Styles
   ========================================================================== */


#cat_content_wrapper{
	visibility: hidden;
}

#cat_button_container{
	padding-top: 10px;
}


.cat_button, .cat_button:focus{
	position: relative;
	background-color: #86d7ce;
	color: #FFF;
	text-shadow: none;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	height: 60px;
	padding: 8px 0 5px 0;
	cursor: pointer;
}

.cat_button.active:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 999;

}


.cat_button.active:before {
	border-color: transparent;
	border-top-color: #86d7ce;
	border-width: 13px;
	margin-left: -13px;
}




.cat_button.inactive{
	background-color: #dbdfe4;
	color: #FFF !important;
}

.cat_button.pending{
	background-color: #a6aebb;
	color: #FFF;
}

.cat_button.responded{
	background-color: #73777f;
	color: #FFF;
}


.cat_button.confirmed{
	background-color: #000000;
	color: #FFF;
}


.cat_button.active{
	background-color: #86d7ce;
	color: #FFF !important;
}



.cat_button img{
	display: block;
	margin: 0 auto;
	padding: 1px 0 5px 0;
	max-height: 38px;
}

.cat_button:hover{
	text-decoration: none;
	background-color: #d3f3f0;
}
.cat_button.active:hover{
	background-color: #86d7ce;
}
.cat_button.active:hover:before{
	border-top-color: #86d7ce;
}


.cat_button span.small_font{
	font-size: 8px;
}


.cat_button .cat_status_icon{	
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	top: -10px;
	right: -12px;
}

.cat_button .cat_status_icon.pending{
	background-image: url('../images/icon-clock.png');
}

.cat_button .cat_status_icon.responded{
	background-image: url('../images/icon-blank.png');
}

.cat_button .cat_status_icon.confirmed{
	background-image: url('../images/icon-confirmed.png');
}

.cat_button .response_count{
	color: #86d7ce;
	font-size: 17px;
	line-height: 30px;
	text-align: center;
	position: absolute;
	width: 30px;
	top: -10px;
	right: -7px;
}



/* ==========================================================================
   User Dashboard
   ========================================================================== */
 
#my_wedding_header_wrapper{
	background-color: #f6f6f6;
	height: 136px;
}

.my_wedding_text{
	background-color: #000;
	float: left;
	width: 17%;
	text-align: center;
}
.my_wedding_avatar{
	text-align: center;
	padding: 0px;
	float: left;
	width: 17%;
	position: relative;
	overflow: hidden;
}
.my_wedding_avatar img{
	height: 136px;
	width: auto;
	max-width: none;
	float: left;
}

.my_wedding_details{
	display: block;
	position: relative;
	text-align: center;
	float: left;
	width: 62%;
	padding: 0 2% 0 2%;
	font-family: arial, 'Lato', sans-serif;
}

.my_wedding_details.supplier{
	width: 93%;
}

.my_wedding_details .field{
	font-size: 12px;
	width: 47%;
	overflow: hidden;
	float: left;
	margin-right: 2%;
	line-height: 34px;
	height:  34px;
	padding: 0px 1%;
	border-bottom: 1px #e4dad8 solid;
}
.my_wedding_details .field.last{
	margin: 0;
}


.print_button{
	cursor: pointer;
	background-color: #f6f6f6;
	display: block;
	text-align: center;
	height: 116px;
	padding: 10px 0px;
	font-size: 22px;
	line-height: 22px;
	font-weight: 300;
}
.print_button i{
	font-size: 72px;
	color: #dbdfe4;
}

.progress_bar_wrapper {
	clear: both;
	background-color: #f6f6f6;
	padding-top: 5px;
}
.progress_bar_wrapper .progress_bar {
	background-color: #e1f0ef;
	display: block;
	width: 100%;
	height: 10px;
}
.progress_bar_wrapper .progress_bar .progress {
	background-color: #86d7ce;
	width: 56%;
	display: block;
	height: 10px;
}

.cat_question_push_up{
	margin-top:-15px !important; 
	position: relative !important;  
	clear: none !important; 
}





/* ==========================================================================
   Wizard / Cart Steps
   ========================================================================== */
 
.wizard_step{
	display: none;
}

.wizard_steps_container{
	margin-top: 3px;
}
.wizard_steps_container .form_wrapper{
	padding: 30px 50px;
	border-right: 3px #FFF solid;
}

.wizard_steps_container .form_wrapper.pending_status{
	padding: 30px 30px;
}


.wizard_steps_container .nav_button_wrapper{
	padding: 40px 0;
	width: 90%;
}
.wizard_steps_container .nav_button_wrapper a.button{
	display: block;
}

.form_fields_container .location_sub{
	font-size: 12px;
	margin-left: 10px;
	line-height: 17px;
}

.form_fields_container .subtext{
	font-size: 11px;
	font-style: italic;
}

.wizard_step_indicator_wrapper{
	color: #73777F;
	display: block;
	width: 100%;
}

.wizard_step_indicator_wrapper .step_tab{
	padding-top: 10px;
	width: 20%;
	margin: 0;
	float: left;
}

.wizard_step_indicator_wrapper .step_tab{
	background-color: #f6f6f6;
}

.wizard_step_indicator_wrapper .step_tab.active{
	background-color: #86d7ce;
	color: #FFF;
}
.wizard_step_indicator_wrapper .step_tab.completed{
	background-color: #cfefeb;
	color: #FFF;
}
.wizard_step_indicator_wrapper .step_tab.completed a{
	color: #FFF;
	text-shadow: none;
}






/*
.wizard_steps_container{
	overflow: hidden;
}
   


#wizard_processing_message{
	background-color: #FFF;	
}

.wizard_form_wrapper{
	border-right: 3px #FFF solid;
	padding: 30px 50px;
}

.wizard_button_wrapper{
  position: absolute;			
  bottom: 40px;
  text-align: center;
  background-color: red;
  display: block;
  width: 100%;
}
.wizard_button_wrapper a{
	display: block;
}

*/

/* ==========================================================================
   Preloader Container
   ========================================================================== */

/* ==========================================================================
   Page Layout
   ========================================================================== */
   
#wrapper {
	width: 100%;
	text-align: left;
}

#headcontainer {
	width: 100%;
}

header {
	clear: both;
	width: 90%; 
	max-width: 1080px; 
	margin: 0 auto;
	padding: 0px;
	position: relative;
}


#maincontentcontainer {
	width: 100%;
}
#maincontentcontainer .min_height{
	min-height: 600px;
}


.standardcontainer {	
}

.maincontent{
	clear: both;
	width: 90%; 
	max-width: 1080px; 
	margin: 0 auto;
	padding: 0px;
	font-size: 13px;
	line-height: 19px;
	position: relative;
}

.content_wrapper{
	padding: 30px 0;
}

.widget_wrapper{
	padding: 15px 10px;
	text-align: center;
	background-color: #FFF;
}

.widget_wrapper h3{
	margin: 26px 0px 6px 0px;
}


.content_header_banner .image_wrapper{
	max-height: 200px;
	overflow: hidden;	
}
.content_header_banner .widget_wrapper{
	height: 145px;
	max-height: 145px;
	overflow: hidden;
	line-height: 20px;

	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;	
}



.logo_wrapper{
	padding-top: 30px;
	display: block;
	text-align: center;
}




/* ==========================================================================
   Custom Site Style
   ========================================================================== */
.box_shadow{
	-moz-box-shadow: 1px 1px 2px #CCC;
	-webkit-box-shadow: 1px 1px 2px #CCC;
	box-shadow: 1px 1px 2px #CCC;
	border: 1px #EEE solid;	
}



/*===============================
=            Borders            =
===============================*/

.top_grey_border{
	border-top: 6px #AAAAAA solid;	
}

.white_background{
	background-color: #FFF;
}
.grey_background{
	background-color: #e4e6e5;
}

.grey_border{
	border-left: 1px #EEE solid;
	border-right: 1px #EEE solid;
	border-bottom: 1px #EEE solid;
}

/*==================================
=            Backgorund            =
===================================*/

.light_grey_background{
	background-color: #f6f6f6;
}
.light_red_background{
	background-color: #e4dad8;
}
.light_blue_background{
	background-color: #e2f0f0;
}
.light_green_background{
	background-color: #86d79d;
}

.grey_border{
	border: 1px #EEE solid;
}




/**
*
* Services (products)
*
**/
.service_main_container{
	border-top: 1px #FFF solid;
	border-bottom: 1px #FFF solid;
}
.service_main_wrapper{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
}
.service_main_wrapper .info_container{
	margin-top: 10px;
	padding: 15px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
}



/**
*
* Product / Cart Styles
*
**/
.related_products_wrapper{
	margin-top: 30px;
	padding: 14px 0px 10px 0px;
	border-bottom: 10px #f1f1f1 solid; 
}
.related_products_wrapper h2{
	color: #FFF;
	font-weight: 300;
	font-size: 36px;
}







/**
*
* 404 Page
*
**/
.error_404_page{
	text-align: center;
}
.error_404_page ul{
	list-style: inside;
}
.error_404_page input[type="text"]{
	width: 50%;
	margin: 10px auto;
	padding: 10px;
	color: #666666;
	background-color: #FFF;
	border: 1px #CCCCCC solid;
}
#goog-wm-sb{
	width: 30%;
	margin: 10px auto;
}





/* ==========================================================================
   Search Form
   ========================================================================== */
#search_bar_container{
	float: right;
	padding: 3px 0px 2px 15px;
}
#search_bar_container div.label{
	float:left;
	padding-right:  10px;
}
#search_bar_container input{
	color: #fff;
	font-size: 14px;
	margin-top:  1px;
	float: left;
	width: 150px;
}




/* ==========================================================================
   Header
   ========================================================================== */



header .language_wrapper{
	display: block;
	float:right;
	color: #666;
	font-size: 16px;
	margin: 10px 0 0 0;	
}

.sponsor_header_logo_wrapper{
	display: block;
	text-align: right;
	padding-top: 70px;
}
.sponsor_header_logo_wrapper a{

}




/* ==========================================================================
   Navigation (all other nav style in menu.css)
   ========================================================================== */

#navcontainer{
	width: 100%;
	margin: 0;
}

nav{
	clear: both;
	width: 100%; 
	padding: 0px;
	margin: 20px auto 0px auto;
	line-height: 19px;
	position: relative;
	height: 34px;
	border-bottom: 1px #000 solid;
	border-top: 1px #000 solid;
}


/* ==========================================================================
   Tabs
   ========================================================================== */

ul.tabs {
	float:left;
	list-style:none;
	height:32px;
	width:100%;
	border-radius:8px 0 -50px 0;
	margin:0;
	padding:0;
}
 
ul.tabs li {
	float:left;
	height:31px;
	line-height:31px;
	border:1px solid #999;
	overflow:hidden;
	position:relative;
	background:#F9F9F9;
	margin:0 5px -1px 0;
	padding:0;
	color: #666;
}
 
ul.tabs li a {
	text-decoration:none;
	color:#000;
	display:block;
	font-size:14px;
	
	outline:none;
	padding:0 20px;
}
 
ul.tabs li a:hover {
	background:#ccc;
}
 
html ul.tabs li.active,html ul.tabs li.active a:hover {
	background:#fff;
	border-bottom:1px solid #fff;
}
 
.tabContainer {
	border:1px solid #999;
	overflow:hidden;
	clear:both;
	float:left;
	width:100%;
	background:#fff;
}
 
.tabContent {
	font-size: 12px;
	padding:20px;
}



/* ==========================================================================
   My Account Droplist
   ========================================================================== */

.header_login_wrapper{
	text-transform: uppercase;
}
.header_login_wrapper a.top-tab, .header_login_wrapper a.top-tab:visited{
	padding: 2px 0px;
}
.header_login_wrapper a.top-tab:hover, .header_login_wrapper a.top-tab.active{
	color: #FFFFFF;
	text-decoration: none;
}
/*--- Top Drop Menu ---*/
#top_drop_menu{
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	opacity: 1;
	padding: 0;	
	color: #000;
	text-decoration: none;
}

#top_drop_menu .top_menu{
	padding: 6px 0px 6px 0px;
	background-color: #FFF;
}

#top_drop_menu ul{
	display: none;
	margin: 0px 0 0 -40%;
	padding: 0px 0 0px 0;
	list-style: none;
	position: absolute;

	background-color: #000;
}

#top_drop_menu ul li{
	margin: 0;
	padding: 0;
		
}
#top_drop_menu ul li a{
	display:block;
	padding:  5px 25px 5px 25px;
	line-height: 27px;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-shadow: none;
}
#top_drop_menu ul li a:hover{
	background-color: #86d7ce;
	text-decoration: none;
	color: #FFFFFF;	
}



/* ==========================================================================
   Login
   ========================================================================== */
.login_container{
	border-top: 6px #d28729 solid; 
	display: block;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #EEE;
	/* blue 325c9f*/
	/* orange d28729*/
}




/* ==========================================================================
   Homepage Widgets
   ========================================================================== */
.home_widget{
	height: 200px;
	line-height: 22px;
	text-align: center;
	padding: 20px;
	overflow: hidden;
}
.home_widget.last{
	background-image: none;
}

.home_widget p{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	float: left;
	color: #73777F;
	padding-top: 10px;
	
}

.home_widget a{
	margin: 20px 0 0 0;
}


.content_widget{
	height: 330px;
	line-height: 22px;
	text-align: center;
	padding: 30px 50px;
	overflow: hidden;
}
.content_widget.last{
	background-image: none;
}

.content_widget p{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 14px;
	float: left;
	color: #73777F;
	padding-top: 10px;
	
}

.content_widget a{
	margin: 20px 0 0 0;
}





/* ==========================================================================
   Homepage Registration Interest
   ========================================================================== */
#homepage_register_container{
	max-height: 244px;
}


#homepage_register_container .image{
	
	width: 35%;
	float: left;
	max-width: 257px;
}
#homepage_register_container .form{
	float: left;
	width: 65%;
	padding-left: 1.6%;
}
#homepage_register_container .form h2{
	text-align: center;
	padding: 20px 0 0 3px;
}


/* ==========================================================================
   SignUp Widgets
   ========================================================================== */
.signup_content{
	text-align: left; 
	height: 70px;
	display: block;
	padding: 20px 0 20px 0;
}

.signup_content p.alignleft{
	width: 70%;
}


/* ==========================================================================
   Sidebar Navigation
   ========================================================================== */
ul.nav_submenu {
	width: 100%;	
	margin: 10px 0 0 0;
	padding: 0;
	list-style:none;
}
ul.nav_submenu li{
	padding: 0px 3px;
	border-top: 1px #EEE solid;
}
ul.nav_submenu li a{
	
	font-size: 12px;
	line-height: 18px;
	display: block;
	color: #333;
	padding: 8px 5px 8px 0px;
}
ul.nav_submenu li a:hover{
	color: #86d7ce;
}
ul.nav_submenu li a.active{
	font-weight: bold;
	color: #86d7ce;
}
ul.nav_submenu li a.first{
	border: none;	
}



/* ==========================================================================
   Footer
   ========================================================================== */

#footercontainer {
	width: 100%;
	min-height: 100px;
	color: #000;
	font-size: 11px;
	line-height: 19px;
	background-color: #FFF;

}
#footercontainer a{
	color: #000;
}
#footercontainer a:hover{
	color: #86d7ce !important;
	text-decoration: none !important;
}
footer {
	clear: both;
	width: 90%; 
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 0 0 0;
	font-size: 10px;
	
	position: relative;
	text-align: left;

	border-top: 1px #000 solid;
	text-transform: uppercase;	
}


ul.nav_footer {
	width: 100%;	
	padding: 10px 0 10px 0;
	list-style:none;
	text-align:center;	
}
ul.nav_footer li{
    display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
    margin: 0px 5px;
}
ul.nav_footer li a{
	font-size: 11px;
	display: block;
	color: #000 !important;
	padding: 0;
	text-decoration: none !important;
}
ul.nav_footer li a:hover{
	color: #ff9f19 !important;
	text-decoration: none !important;
}
ul.nav_footer li a.active{
	font-weight: bold;
}
ul.nav_footer li a.first{
	border: none;	
}






/* ==========================================================================
   Pagination
   ========================================================================== 
.page_control_wrapper{
	clear: both;
	border-bottom: 1px #EAEAEA solid;
	display: block;
	height: 32px;
	line-height: 32px;
	width: 100%;
	padding: 2px 0px;
	color: #999;
	font-size: 11px;	
}

.pagination_wrapper{
	clear: both;
	border-top: 1px #EAEAEA solid;
	display: block;
	height: 30px;
	width: 100%;
	padding: 5px 0px;
}

.pagination_container{
	float:right; 
}

.paginationLink{
	border: 1px #EAEAEA solid;
	background-color: #EAEAEA;
	color: #999;
	display: block;
	padding: 2px 10px;
	text-align: center;
	float: left;
	line-height: 26px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
}
.paginationLink:hover{	
	background-color: #666;
	border: 1px #666 solid;
	font-weight: normal;
	color: #FFFFFF;
}
.paginationLink.active{
	background-color: #FFF;
	color: #e51b24;
	border: 1px #e51b24 solid;
}
*/

/**
*
* Homepage Slider
*
**/
.slider_container {
	clear: both;
	width: 100%;
	padding: 0 0 30% 0;
	margin: 0 0 0 0;
	position: relative;
}

.fluidHeight {
	position: absolute;
	width: 100%;
	height: 100%; 
	padding: 0;		
}

.sliderContainer {
	height: 100%;
	max-height: 244px;
	padding: 0 0;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.iosSlider .slider {
	width: 100%;
	height: 100%;
}

.iosSlider .slider .item {
	width: 100%;
	height: 100%;
	padding: 0 0 0 0;
}

.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	max-width: 1080px;
	margin: 0 auto;
	text-align: center;
	height: 100%;
}

.iosSlider .slider .item .inner img{
	width: 100%;
}

.iosSlider .slider .item .inner .text1 {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 15%;
    width: 100%;
    padding: 0;
}

.iosSlider .slider .item .inner .text1 h1 {
	color: #000;
	border: none; 
	font-family: 'Lato', sans-serif;
	font-weight: 700;	
	text-align: center;
	margin : 0px;
	font-size : 40px;
	line-height: 40px;
	display: block;
	text-transform: uppercase;
	padding: 15px 0px;
	text-shadow: 0px 1px 0px #AAA;
}

.iosSlider .slider .item .inner .text2 {
    opacity: 0;
    filter: alpha(opacity=0);
    padding: 0;
    position: absolute;
    right: 0;
    width: 70%;
    left: 15%;
    margin: 0 auto;
    top: 80px;
}

.iosSlider .slider .item .inner .text2 h2 {
	color: #000;
	border: none; 
	font-family: 'Lato', sans-serif;
	font-weight: 300;	
	text-align: center;
	margin : 0px;
	font-size : 38px;
	line-height: 38px;
	display: block;
	text-transform: uppercase;
	padding: 15px 0px;
	text-shadow: 0px 1px 0px #AAA;
}

.iosSlider .slider .item .inner.white-text > .text1 h1,
.iosSlider .slider .item .inner.white-text > .text2 h2 {
	color: #FFF;
	text-shadow: none;
}

.iosSlider .slider .item .inner.blue-text > .text1 h1,
.iosSlider .slider .item .inner.blue-text > .text2 h2 {
	color: #86d7ce;
	text-shadow: none;
}


.iosSlider .slider .item .inner a.button {
    opacity: 0;
    filter: alpha(opacity=0);
    display: block;
    position: absolute;
    right: 0;
    width: 180px;
    left: 50%;
    margin-left: -108px;
    top: 150px;
}



.sliderContainer .slideSelectors {
	position: relative;
	bottom: 20px;
	left: 0;
	width: 1080px;
	margin: 0 auto;
	z-index: 1;
	height: 10px;
}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 2px solid #EEE;
	background: #EEE;
	margin: 0 0 0 10px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.sliderContainer .slideSelectors .selected {
	background: #86d7ce;
	opacity: 1;
	filter: alpha(opacity=100);
}


@media screen and (max-width: 1080px) {
	
	.slider_container {
		/*padding-bottom: 40%;*/
	}
	
	.fluidHeight {
		height: 87%;
	}
	
	.iosSlider .slider .item .inner {
		width: 90%;
		margin: 0 5%;
	}
	
	.sliderContainer .slideSelectors {
		width: 90%;
		margin: 0 5%;
	}
	

}

@media screen and (max-width: 768px) {
	
	.iosSlider .slider .item .inner .text1 {
		top: 15px;
		height: 50px;
	}
	
	.iosSlider .slider .item .inner .text1 span {
		font-size: 300%;
	    line-height: 53px;
	}
	
	.iosSlider .slider .item .inner .text2 {
		top: 65px;
	}
	
	.iosSlider .slider .item .inner .text2 span {
		font-size: 100%;
	    line-height: 105%;
	}
	
}

@media screen and (max-width: 500px) {
	
	.iosSlider .slider .item .inner .text1 {
		display: none;
	}
	
	.iosSlider .slider .item .inner .text2 {
		display: none;
	}
	
}

/**
*
* How it Works Fader
*
**/
ul#howitworks_fader{
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	max-height: 250px;
}
ul#howitworks_fader li{
	width: 100%;
}
ul#howitworks_fader li img{
	width: 100%;
}

/**
*
* Sponsors Slider
*
**/

.sponsor_wrapper {
    padding: 5px 20px 5px 20px;
    position: relative;
}
.sponsor_wrapper ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.sponsor_wrapper li {
    color: #666;
    text-align: center;
    border: 2px solid #FFF;
    width: 50px;
    height: 80px;
    padding: 0;
    margin: 6px;
    display: block;
    float: left;
}
.sponsor_wrapper li img{
    padding: 0px;
    max-width: 90%;
    max-height: 80px;
}

.sponsor_wrapper a.prev, .sponsor_wrapper a.next {
    background-image: url(../images/arrow-e.png);
    background-color: #325c9f;
    background-position: 7px 3px;
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-indent: -9000px;
    cursor: pointer;
    opacity: 0.1;
    position: absolute;
    top: 35px;
}

.sponsor_wrapper a.prev {   left: 0px; background-image: url(../images/arrow-w.png); }
.sponsor_wrapper a.prev:hover { opacity: 1; }
.sponsor_wrapper a.prev.disabled { display: none;  }

.sponsor_wrapper a.next { right: 0px; }
.sponsor_wrapper a.next:hover { opacity: 1; }
.sponsor_wrapper a.next.disabled { display: none;  }



/* ==========================================================================
   News / Blog Style
   ========================================================================== */

.news_widget_featured {
	position: relative;
	cursor: pointer;
	border-top: 12px #ff9f19 solid;	
	background-color: #FFF;	
}
.news_widget_featured:hover {	
}
.news_widget_featured:hover > .detail h2{
	color: #d28729;
	
}

.news_widget_featured .detail_container{
	position:relative;
    padding-bottom:25%;
    height:0;
    overflow:hidden;
}

.news_widget_featured .detail{
    position:absolute;
    width:90%;
    height:100%;
	padding: 15px 10px;
}

.news_widget_featured .detail h2{
	margin-bottom: 6px;
}
.news_widget_featured .detail .date{
	font-size: 11px;
	font-weight: bold;
	margin-bottom:  5px;
}


.news_widget{
	position: relative;
	cursor: pointer;
	border-top: 12px #ff9f19 solid;
	overflow: hidden;
	max-height: 160px;

	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;	
}
.news_widget .detail_container{
	position: absolute;
	bottom: 0;
	padding-top: 30%;
}
.news_widget .detail_container img{
	margin-top: -10px;
}
.news_widget .detail_container h2{
	background-color: #ff9f19;
	color: #FFF;
	font-size: 16px;
	font-weight: 400;
	padding: 4px 10px;

	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;		
}

.news_widget:hover{
	border-top: 12px #999 solid;
}
.news_widget:hover > .detail_container h2{
	background-color: #999;
}



#news_article {
	
}
#news_article .image{
	max-height: 500px;
	overflow: hidden;
	text-align: center;
}
#news_article .date{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
#news_article .tag_cloud{
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 10px;
}
#news_article .tag_cloud span{
	color: #ff9f19;
	padding-right: 10px;
	font-weight: normal;
}
#news_article .tag_cloud i{
	padding-right: 3px;
}

/*======================================
=              Tags           =
======================================*/
.tag{
	font-weight: bold;
	font-size: 12px;
	background-color: #86d7ce;
	display: inline-block;
	padding: 0px 5px 2px 5px;
	line-height: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
	text-shadow: none;
	color: #FFF;
}
.tag span{
	color: #FFF;
	font-weight: normal;
}
.tag i{
	padding-right: 3px;
}


.tag.larger{
	font-size: 13px;
	line-height: 19px;
	padding: 4px 10px;
}

.tag.grey{
	background-color: #73777f;
}


/*======================================
=            Profile Styles            =
======================================*/
#my_profile_wrapper {
	padding: 10px 10px 0 10px;
}

#my_profile_wrapper .profile_image{
	float: left;
	padding: 0 40px 0 0;
}
#my_profile_wrapper .profile_image img{
	max-height: 80px;
	max-width: 150px;
}
#my_profile_wrapper .profile_brief{
	float: left;
	text-align: left;
	padding: 0 20px 0 0;
}
#my_profile_wrapper .linkedIn_button{
	float: right;
}

#frmProfile h3{ padding-bottom: 5px; }



/* ==========================================================================
   Social Sharing
   ========================================================================== */

.social_share_wrapper{
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 120px;
}

.social_share_wrapper a{
	display: block;
	padding: 0 !important;
	float: left;
	color: #FFF;
	text-decoration: none !important;
	height: 32px;
	width: 32px;
	margin: 0px 0px 0px 5px;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
.social_share_wrapper a:hover{
	background-position: 0 -32px;
}

.addthis_32x32_style{
	background-image: none !important;
}

.social_share_wrapper a.linkedIn{ background-image: url('../images/icon-linkedin-rollover.png'); }
.social_share_wrapper a.facebook{ background-image: url('../images/icon-facebook-rollover.png'); }
.social_share_wrapper a.twitter{ background-image: url('../images/icon-twitter-rollover.png'); }
.social_share_wrapper a.youtube{ background-image: url('../images/icon-youtube-rollover.png'); }
.social_share_wrapper a.instagram{ background-image: url('../images/icon-instagram-rollover.png'); }
.social_share_wrapper a.pinterest{ background-image: url('../images/icon-pinterest-rollover.png'); }
.social_share_wrapper a.google{ background-image: url('../images/icon-google-rollover.png'); }



/* ==========================================================================
   AddThis Sharing
   ========================================================================== */
.addthis_32x32_style{ overflow: hidden !important; }
.addthis_32x32_style a{
	height: 32px;
	overflow: hidden;
}




/*=====================================
=            Notifications            =
=====================================*/
.ui-pnotify .alert-success{
	background-color: #86d79d;
	border:solid 1px #86d79d;
	text-shadow: none;
	color:#FFFFFF;
}

.ui-pnotify .alert-success h4{
	color:#FFFFFF;
}




/* ==========================================================================
    Messages
   ========================================================================== */

div.msgbar{
	padding:6px 6px 7px 7px;
	border-radius:0px;
	margin-top:5px;
	margin-bottom: 5px;
	width: auto;
}

div.msgbar.hide_onC{
	cursor:pointer;
}
div.msgbar p{
	display:inline;
	margin:0px;
	line-height:inherit;
}
div.msgbar ul{ margin: 10px 0 0 20px; padding: 0; }
div.msgbar ul li{
	font-size:  12px;
}
.content_pad .msgbar:first-child{
	margin-top:0px;
}

/*Info*/
div.msgbar.msg_Info{
	background: #F4FAFF;
	border:solid 1px #ECF5FF;
	text-shadow: 0px 1px 0px  #ECF5FF;
	box-shadow: inset 0px 1px 0px 0px #ECF5FF;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ECF5FF;	
	color:#777777;
}
div.msgbar i{
	font-size:14px;
	margin-top:-4px;
	padding-right:5px;
}
div.msgbar span.iconsweet{
	float:left;
	font-size:18px;
	margin-top:-6px;
	padding-right:5px;
}
div.msgbar.msg_Info p{
	border-left:dotted 1px #708a93;
	padding-left:8px;
}

/*Success*/
div.msgbar.msg_Success{
	background:#86d79d;
	border:solid 1px #86d79d;
	color:#FFFFFF;
}
div.msgbar.msg_Success p{
	border-left:dotted 1px #5a9263;
	padding-left:8px;
	color:#FFFFFF;
}

/*Error*/
div.msgbar.msg_Error{
	color: #B94A48;
	background-color: #F2DEDE;
	border:solid 1px #EED3D7;
}
div.msgbar.msg_Error p{
	border-left:dotted 1px #785151;
	padding-left:8px;
	font-size: 12px;
	color:#B94A48;
}

/*Alert*/
div.msgbar.msg_Alert{
	background:#d6d792;
	border:solid 1px #a8a969;
	text-shadow: 0px 1px 0px  #e7e89c;
	box-shadow: inset 0px 1px 0px 0px #ddde93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ddde93;
	color:#72734b;
}
div.msgbar.msg_Alert p{
	border-left:dotted 1px #785151;
	padding-left:8px;
}
	
	
/* ==========================================================================
   Small message (like CMS)
   ========================================================================== */	
span.msg_cat{
	display:inline-block;
	line-height:100%;
	background:#757673;
	padding:3px 5px;
	font-size:10px;
	text-transform:uppercase;
	color:#fff;
	text-shadow: 0px 1px 0px  #646464;
	border-radius:3px;
}
span.green_highlight{
	background:#87ac51;
	border-right: none;
}
span.grey_highlight{
	background:#757673;
	border-right: none;
}
span.blue_highlight{
	background:#4572a7;
	border-right: none;
}
span.red_highlight{
	background: #FF7D7D;
	border-right: none;
}
		
		


/* ==========================================================================
   Breadcrumbs
   ========================================================================== */



/* ==========================================================================
   Advertisement Spaces
   ========================================================================== */







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}



/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}