/* 
	These styles are common to both mobile and desktop
	and are meant to make the site consistent

	Before adding, discuss with Geoff
*/

/* Button */

	A.main_button {
		-webkit-appearance:none;	
		border-radius:2px;
		padding:8px 17px;
		color:#FFF!important;
		display:inline-block;
		text-decoration:none!important;
		margin:5px 0;
		background-color: #24688c;/*015c8b*/
		border:0;
		text-align:center;
		cursor:pointer;
	}

	A.main_button:hover {

		background: -webkit-gradient(linear, left top, left bottom, from(#014568), to(#095b85));
		background: -moz-linear-gradient(top,  #014568,  #095b85);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#014568', endColorstr='#095b85');
	}
	
	/* Block LInk */
	A.block_link
	{
		color:inherit!important;	
		text-decoration:none!Important;
	}
	
	A.block_link SPAN
	{
		color:#00D!important;	
		text-decoration:underline!Important;
	}
	

/* Image alignments */

	IMG.image_float_right, IMG.image_float_right_border
	{
		float: right;
		/* margin: 0 10px 25px 50px; */
		margin: 0 2% 3% 4%;
	}

	IMG.image_float_right_border
	{
		border: 1px solid #666;	
	}

	IMG.image_float_left, IMG.image_float_left_border
	{
		float: left;
		/* margin: 0 50px 25px 0; */
		margin: 0 4% 3% 0;
	}

	IMG.image_float_left_border
	{
		border: 1px solid #666;	
	}


/* WAITING */

	.waiting
	{
		background: url(/art/css-icons/loading12x12.gif) no-repeat top left;
		padding-left: 15px;
		color: #014568;
		font-size: .9em;
	}

/* TIP */

	.tip
	{
		background: url(/art/css-icons/question-mark-icon.png) no-repeat top left;
		padding-left: 20px;
	}
	
	A.tip, A.tip:visited
	{
		text-decoration: none!important;
	}
	
	A.tip:hover
	{
		text-decoration: none;
	}


/* DEFINITION POP UP */
	
	#defn_box {
		/*background: #FFF;
		border:1px solid #014568;
		border-radius:10px;
		vertical-align: bottom;
		width: 200px;
		position: absolute;
		display: block;
		z-index: 500;
		padding: 6px 8px 10px 8px;
		font-size: .9em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
		box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);*/
		background:rgba(10,10,10,0.9);
		border-radius:5px;
		padding:20px;
		vertical-align: bottom;
		width: 200px;
		position: absolute;
		display: block;
		z-index: 500;
		color:#DDD;
	}

	#defn_box H6 {
		padding-bottom:10px;
		color: #FFF;
		margin: 0;
		font-size:12pt;
	}

	#defn_box P {
		margin: 0;
	 }

	#defn_box UL {
		padding: 0;
		margin: 0 0 0 18px;
		list-style: square;
	 }

	#defn_box LI {
		margin: 0 0 2px 5px;
	}

	#global_content A.definition, #global_content A.definition:visited {
		border-bottom: 1px dashed #008;
		text-decoration:none;
	}
	
	#global_content A.definition:hover
	{
		text-decoration:none;
	}




	
/* ALIGNMENTS */
	
	.right, .aright { text-align: right !important; }
	.center, .acenter { text-align: center !important; }
	.left, .aleft { text-align: left !important; }

	IMG.left, UL.left, DIV.left { float: left; }
	IMG.right, UL.right, DIV.right { float: right; text-align: left; }


/* STYLING */

	.rounded { 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.clear { clear: both; }

	.padded { padding: .5em .8em; }

	.border.light { border: 1px solid #DDD; }

	.border { border: 1px solid #DDD; }
	
	.shaded.light { background-color: #F9F9F9; }

	.shaded { background-color: #E9E9E9; }

	.gradient.light {
		background: #f9f9f9; /* Old browsers */
		background: -moz-linear-gradient(top,  #f9f9f9 0%, #f1f1f1); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f9f9f9 0%,#f1f1f1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f9f9f9 0%,#f1f1f1 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f9f9f9 0%,#f1f1f1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
		}

	.gradient {
		background: #f2f2f2; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2f2f2 0%, #eee); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#eee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f2f2f2 0%,#eee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f2f2f2 0%,#eee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f2f2f2 0%,#eee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f2f2f2 0%,#eee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#eee',GradientType=0 ); /* IE6-8 */
		}
	
	TH.shaded.light, H2.shaded.light, H3.shaded.light { background-color: #EEE; }

	TH.shaded, H2.shaded, H3.shaded { background-color: #DDD; }

	.spaced { margin-left: 3%; margin-right: 3%; }
	
	.vspaced { margin-top: 3%; margin-bottom: 3%; }
	
	.vspaced LI { margin-top: 2%; margin-bottom: 2%; }
	
	.indent { margin-left: 3%!important; }
	
	.hide { display: none; }
	
	.clear { clear: both; padding-top: 1em !important; }

	.box
	{
		border: 1px solid #DDD;
		margin: 1em 9px 2em 0;
		padding: .5em .8em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		float: left;

		background: #E9E9E9; /* Old browsers */
		background: -moz-linear-gradient(top,  #E9E9E9 0%, #d9d9d9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E9E9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #E9E9E9 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #E9E9E9 0%,#d9d9d9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #E9E9E9 0%,#d9d9d9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #E9E9E9 0%,#d9d9d9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9E9E9', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-8 */
	
	}

	.box.light
	{
		background: #f9f9f9; /* Old browsers */
		background: -moz-linear-gradient(top,  #f9f9f9 0%, #f1f1f1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #f9f9f9 0%,#f1f1f1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #f9f9f9 0%,#f1f1f1 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #f9f9f9 0%,#f1f1f1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */
	
		border: 1px solid #DDD;
	}

	.box.half
	{
		width: 265px;
		height: 265px;
	}

	.box.third
	{
		width: 167px;
		height: 167px;
	}

	.box.quarter
	{
		width: 115px;
		height: 115px;
	}

	IMG.thumbnail
	{
		float: left;
		margin-right: 15px;
		border: 1px solid #EEE;
		box-shadow: 2px 2px 2px #888888;
	}



/* LISTS */

	UL.no_bullets { list-style: none; margin-left: 0px!important; padding-left: 5px!important; }
	
	UL.no_bullets LI { list-style: none; }

	UL.checkbox { 
		list-style: none;
		margin: 0 0 0 15px;
		padding: 0;
	}

	.checkbox LI { 
		background: url(/art/css-icons/li-checkbox.gif) no-repeat top left;
		padding: 0 0 .5em 20px;
	}

	.checkbox LI LI { 
		background: none;
		padding: 0 0 .5em 0;
	}
	
	UL.xbox { 
		list-style: none;
		margin: 0 0 0 15px;
		padding: 0;
	}

	.xbox LI { 
		background: url(/art/css-icons/li-xbox.png) no-repeat top left;
		padding: 0 0 .5em 20px;
	}

	.xbox LI LI { 
		background: none;
		padding: 0 0 .5em 0;
	}






/* WARNING ALERTS */

	.warning_cancellation
	{
		background: url(/art/icons/warning-symbol-white-bg.png) no-repeat 5px 5px;
		padding: 5px 10px 5px 35px;
	}

	.theGreyBarLight .warning_cancellation
	{
		background-image: url(/art/icons/warning-symbol-transparent.png);
	}
	
	.circle_green, .circle_yellow, .circle_red
	{
		padding-left: 20px!important;
	}
	
	.circle_green
	{
		background:url(/art/icons/status-okay-10x10.png) no-repeat top left;
	}

	.circle_yellow
	{
		background:url(/art/icons/status-warning-10x10.png) no-repeat top left;
	}

	.circle_red
	{
		background:url(/art/icons/status-red-10x10.png) no-repeat top left;
	}



/* LAYOUT */

	.split_column_left
	{
		float: left;
		margin: 0;
		width: 285px;
		clear: both;
	}
	
	.split_column_right
	{
		
		float: right;
		margin: 0;	
		width: 285px;
	}
	
	/* Have to factor in the margin-left of the UL */
	UL.split_column_left, UL.split_column_right
	{
		width: 250px;
	}
	
	.form_table .split_column_left, .form_table .split_column_right
	{
		width: 240px!important;
	}

	.table_content_divider.grid TD, .table_content_divider_spaced.grid TD
	{
		border-right: 1px solid #CCC;
	}


/* PERCENTS */

	.p5  { max-width:  5%; height: auto!important; width:100%; }
	.p10 { max-width: 10%; height: auto!important; width:100%;}
	.p15 { max-width: 15%; height: auto!important; width:100%;}
	.p20 { max-width: 20%; height: auto!important; width:100%;}
	.p25, .pquarter { max-width: 25%; height: auto!important; }
	.p30 { max-width: 30%; height: auto!important; width:100%;}
	.p35 { max-width: 35%; height: auto!important; width:100%;}
	.p40 { max-width: 40%; height: auto!important; width:100%;}
	.p45 { max-width: 45%; height: auto!important; width:100%;}
	.p50, .phalf { max-width: 50%; height: auto!important; width:100%; }
	.p55 { max-width: 55%; height: auto!important; width:100%;}
	.p60 { max-width: 60%; height: auto!important; width:100%;}
	.p65 { max-width: 65%; height: auto!important; width:100%;}
	.p70 { max-width: 70%; height: auto!important; width:100%; }
	.p75 { max-width: 75%; height: auto!important; width:100%;}
	.p80 { max-width: 80%; height: auto!important; width:100%;}
	.p85 { max-width: 85%; height: auto!important; width:100%;}
	.p90 { max-width: 90%; height: auto!important; width:100%;}
	.p95 { max-width: 95%; height: auto!important; width:100%;}
	.p100, .pfull { max-width: 100%; width: 100%; height: auto!important; }

/* WIDTHS - No more than 300 */

	.w25 { width: 25px; }
	.w50 { width: 50px; }
	.w75 { width: 75px; }
	.w100 { width: 100px; }
	.w125 { width: 125px; }
	.w150 { width: 150px; }
	.w175 { width: 175px; }
	.w200 { width: 200px; }
	.w225 { width: 225px; }
	.w250 { width: 250px; }
	.w275 { width: 275px; }
	.w300 { width: 300px; }
	
		
	/* MOBILE HELPER - Kevins Code */
	UL.tasklist
	{
		list-style-type:none;

	}
	
	UL.tasklist LI A
	{
		color:#000!Important;	
		text-decoration:none!Important;
	}
	
	UL.tasklist LI A SPAN
	{
		color:#00D!Important;	
		text-decoration:underline!Important;
	}

	UL.tasklist LI A:visited SPAN
	{
		color:#00A!Important;	
	}
	
	UL.tasklist LI A:hover SPAN
	{
		color:#77AA00!Important;	
	}
	
	/* NO LINKS */	

	
	/* CALENDAR -- Creates a Calendar Icon */
	/* FORMAT: <LI CLASS="calendar"><DIV><SPAN>[Month]</SPAN><STRONG>[Day]</STRONG></DIV> */
	LI.calendar
	{
		padding:5px 0 0 50px!important;
		position:relative;
		min-height:35px;
	}
	
	LI.calendar DIV
	{
		background-color:#FFF;
		border:1px solid #DDD;
		position:absolute;
		padding:3px 3px 5px 3px;
		width:30px;
		text-align:center;
		top:0; left:0;
		font-family:Arial, Helvetica, sans-serif!Important;
	}
	
	LI.calendar DIV SPAN
	{
		display:block;
		color:#014568;
		text-transform:uppercase;
		font-weight:bold!important;
		font-size:0.8em!important;
		padding-bottom:2px;
	}
	
	LI.calendar DIV STRONG
	{
		display:block;
		color:#222;
		font-size:1.15em!important;
	}
	
	
	
	/* ACCORDION SLIDERS */
	/*UL.accordion_list
	{
		list-style-type:none;
		margin:0; padding:0;	
	}
	
	UL.accordion_list LI
	{
		margin:5px 0;	
	}
	
	A.accordion_link
	{
		display:block;
		padding:15px 15px 15px 45px;	
		text-decoration:none!important;
		font-size:1.01em;
		position:relative;
		transition:background .2s;
	}
	
	A.accordion_link:after
	{
		content: "";
		width:40px;
		height:95%;
		position:absolute;
		left:5px;
		top:0;
		background-image:url(/art/css-icons/accordion-plus-15x15.png);
		background-repeat:no-repeat;
		background-position:center;
		transition:all .2s;
	}
	
	A.accordion_expanded
	{
		background:#EEE;
		transition:all .2s;	
	}
	
	A.accordion_expanded:after
	{
		transform: rotate(180deg);
		transition:all .2s;	
	}
	
	
	DIV.accordion_container
	{
		background-color:#F9F9F9;
		padding:15px 15px 15px 45px;
	}*/
	
	UL.accordion_list
	{
		list-style-type:none;
		margin:0; padding:0;
		border:1px solid #E9E9E9;	
		border-top:0;
	}
	
	UL.accordion_list > LI
	{
		padding:0!Important;
	}
	
	A.accordion_link
	{
		display:block;
		padding:15px 15px 15px 45px;	
		text-decoration:none!important;
		position:relative;
		background-color:#F9F9F9;
		border-top:1px solid #E9E9E9;
		transition:background .2s;
		color:#000!Important;
	}
	
	A.accordion_link:after
	{
		content: "";
		width:20px;
		height:20px;
		position:absolute;
		left:12px;
		top:15px;
		background-image:url(/art/css-icons/accordion-plus-15x15.png);
		background-repeat:no-repeat;
		background-position:center;
		background-color:#BBB;
		background-size:12px;
		transition:all .2s;
		border-radius:3px;
	}
	
	A.accordion_expanded
	{
		background:#E9E9E9;
		transition:all .2s;	
	}
	
	A.accordion_expanded:after
	{
		transform: rotate(180deg);
		background-color:#0099ff;
		transition:all .2s;	
	}
	
	
	DIV.accordion_container
	{
		background-color:#FDFDFD;
		padding:20px;
	}