/*
 * Boxes
 */
.easy-codes-box 	{ padding:10px; margin:10px 0; }

.layout-full			{ clear:both; display: block; float: left; width: 100%; }

.layout-half, .layout-third, .layout-fourth, .layout-two-thirds, .layout-three-fourths 
						{ float: left; display: inline; clear: none;  margin-left: 1%; margin-right: 1%; padding: 1%; }

.layout-half			{ width: 45%; }
.layout-third			{ width: 29%; }
.layout-fourth			{ width: 20%; }
.layout-two-thirds		{ width: 62%; }
.layout-three-fourths	{ width: 71%; }

.align-left			{ float: left; }
.align-right		{ float: right; }

.align-left.layout-full, .align-left.layout-full { float: none; }

.color-grey, .color-yellow, .color-red, .color-green { border: 1px solid #ffffff; }

.color-none			{ background-color:transparent; }
.color-grey			{ background-color:#EDEDED; border-color:#666666; color:#333333; }
.color-yellow 		{ background-color:#FFFBCC; border-color:#E6DB55; color:#514721; }
.color-red 			{ background-color:#FFEBE8; border-color:#C00; color:#8a1f11; }
.color-green 		{ background-color:#dfece9; border-color:#B5DFD5; color:#1B3F36; }

.easy-codes-box a 	{ color:#222; border-color:#222; }

.color-red a 		{ color:#8a1f11; border-color:#8a1f11; }
.color-yellow a 	{ color:#514721; border-color:#514721; }
.color-green a 		{ color:#264409; border-color:#264409; }

.easy-codes-box a:hover,
.color-red a:hover,
.color-yellow a:hover,
.color-green a:hover { color:#000; border-color:#000; }

/* Rollover image links */
.rollover			{ display: block; margin: 0; position: relative; padding: auto; }
.rollover img, .rollover a img		{ display: block; width: 100%; margin: 0 auto; }
.rollover a			{ display: block;  padding: auto; }


.rollover a h2			{ position: absolute; top: 36px; text-align: center; width: 100%; background: rgba( 255, 255, 255, .6); padding: 7px 0; }

.rollover a:hover img	{ opacity:0.3; filter:alpha(opacity=30);  }

.rollover a p			{ display: none; position: absolute; bottom: -10px; padding: 7%; }
.rollover a:hover p		{ display: block;  }

/*
 * Table and Resume
 */

.easy-table-wrapper			{ display: block; clear: both; overflow: auto; margin: 10px 1%; background: #fff; padding: 40px 5% 50px; border: 1px solid #efefef; }

.easy-table-section			{ width: 100%; display: block; clear: both; overflow: auto; margin: 0 auto 25px; }
.easy-table-wrapper h2 		{ padding:0; color: #000 !important;}

.easy-table-section table	{  margin: 0; padding: 0; text-indent: 0 !important; width:100%;  }

.easy-table-section table	{ color: #111 !important; }

tr.table-headings		{  border-bottom: 1px solid; overflow: auto; margin: 0 0 16px;}
tr.table-content		{ }

tr.table-headings td  { padding: 2px 0 5px; }
tr.table-content td	{  padding: 5px 0 0px; }


.easy-table-section table * {  color: #000 !important; }

 layouts for columns 
.table-1-columns		{ width: 100%; }
.table-2-columns		{ width: 50%; }
.table-3-columns		{ width: 33%; }
.table-4-columns		{ width: 25%; }
.table-5-columns		{ width: 20%; }
.table-6-columns		{ width: 16%; }
.table-7-columns		{ width: 14%; }
.table-8-columns		{ width: 12.5%; }
.table-9-columns		{ width: 11%; }
.table-10-columns		{ width: 10%; }


/*
 * Buttons
 * Styles inspired by Demo at http://www.joepettersson.com/demo/css3-buttons/
 */
.easy-codes-button a{
	display: block; 
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.easy-codes-button a:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

/* sizes */

.easy-codes-button_large a { font-size:16px !important; padding: 8px 18px 7px;}
.easy-codes-button_medium a { font-size: 14px; padding: 5px 12px 4px; }
.easy-codes-button_small a { font-size: 11px !important; padding: 1px 6px 0;}

/* alignments */

.easy-codes-button_left {float: left;}
.easy-codes-button_left a{margin: 0 10px 10px 0;}
.easy-codes-button_right {float: right;}
.easy-codes-button_right a{margin: 0 0 10px 10px;}
.easy-codes-button_none {float: none; display: inline-block; zoom: 1; *display: inline; }

/* styles */

.easy-codes-button_round a {
	-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px
}
.easy-codes-button_less_round a {
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px
}
.easy-codes-button_square a {
	-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px
}

/* colors */

/* grey button */

.easy-codes-button_grey a{
	color: #444 !important;
	border: 1px solid #d0d0d0 !important;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.easy-codes-button_grey a:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.easy-codes-button_grey a:active {border: 1px solid #666;}

/* red button */

.easy-codes-button_red a {
	color: #923c47 !important;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.easy-codes-button_red a:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.easy-codes-button_red a:active {border: 1px solid #ab3e4b;}

/* blue button */

.easy-codes-button_blue a {
	color: #41788c !important;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.easy-codes-button_blue a:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.easy-codes-button_blue a:active {border: 1px solid #3b778b;}

/* green button */
.easy-codes-button_green a {
	color: #5a742d !important;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.easy-codes-button_green a:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.easy-codes-button_green a:active {border: 1px solid #506320;}

/* black button */
.easy-codes-button_black a {
	color: #fff !important; 
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.easy-codes-button_black a:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.easy-codes-button_black a:active {border: 1px solid #000;}

/* yellow button */
.easy-codes-button_yellow a {
	color: #986a39 !important;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.easy-codes-button_yellow a:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.easy-codes-button_yellow a:active {border: 1px solid #936b26;}

/* purple button */

.easy-codes-button_purple a {
	color: #7e5d7c !important;
	border: 1px solid #cd93c6;
	background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background-image: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background-image: -o-linear-gradient(#e9c4e3, #d798d1);
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.easy-codes-button_purple a:hover {
	border: 1px solid #886382;
	background-image: -moz-linear-gradient(#d798d1, #e9c4e3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background-image: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background-image: -o-linear-gradient(#d798d1, #e9c4e3);
	background-color: #e9c4e3;
}
.easy-codes-button_purple a:active {border: 1px solid #6a4664;}

/* greyblue button */

.easy-codes-button_gblue a {
	color: #57646d !important;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.easy-codes-button_gblue a:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.easy-codes-button_gblue a:active {border: 1px solid #434f5a;}

@media screen and (max-width: 960px), screen and (max-device-width: 960px)  { 

.align-left, .align-right{ float: none; clear: both; margin: 0 auto; }
.layout-half, .layout-third, .layout-fourth, .layout-two-thirds, .layout-three-fourths  { width: 100%; }
}