/* GENERAL */
table tr td {
  padding: 9px 10px;
}
ul { list-style: none outside; }
a { text-decoration: none;color: #3980AE; }

body { background: #ACACAC; }
#main { background-image: none; background-color: white; border-left: 1px solid #DADADA; border-right: 1px solid #DADADA; }
#banner { padding-left: 50px; height: 90px; background-color: #F3F3F4; line-height: 90px;}

#navbar { height: 31px; background-color: #CEE5EE; border-top: 1px solid #A0BFCB; border-bottom: 1px solid #A0BFCB; }
#navbar a { text-transform: uppercase; text-decoration: none; font-weight: bold; font-size: 12px; }
#navbar a:link {color: #173744; text-decoration: none;}      /* unvisited link */
#navbar a:visited {color: #173744; text-decoration: none;}  /* visited link */
#navbar a:hover {color: #37839F; text-decoration: none;}  /* mouse over link */
#navbar a:active {color: #173744; text-decoration: none;}  /* selected link */
#navbar li.current a { cursor: default; color: #C30; }


#navbar ul li { line-height: 31px; }
#navbar ul.navigation { display:inline; padding: 7px 0px; overflow: hidden; }
#navbar ul.navigation li { margin: 0; padding: 0 8px 0 0; float: left; }
#navbar ul.navigation li a { padding-left: 2px; }
#navbar ul.navigation li:first-child a, #navbar ul.navigation li:first-child span { padding-left: 10px; }
#navbar ul.navigation li:before { content: " | "; color: #173744; }
#navbar ul.navigation li:first-child:before { content: " "; }


#navbar ul.auth {float: right}
#navbar ul.auth li { margin: 0; padding: 0 5px; float: right; background-color: #A0BFCB;}
#navbar ul.auth a { text-decoration: underline; }


/*    --------------------------------------------------
Tabs
-------------------------------------------------- */
dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
dl.tabs dt { display: block; width: auto; height: 30px; padding: 0 9px 0 20px; line-height: 30px; float: left; color: #173744; text-transform: uppercase; cursor: default; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #173744; background: #F0F6FA; }
dl.tabs dd a.active { height: 30px; }

dl.tabs.vertical { height: auto; }
dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd a { display: block; width: auto; height: auto; padding: 5px; line-height: 1; border: solid 0 #C9DEED; border-width: 1px 1px 0; margin: 0; color: #173744; background: #F0F6FA; }
dl.tabs.vertical dd a.active { height: auto; margin: 0; }


/*    --------------------------------------------------
Pagination
-------------------------------------------------- */
.pagination {
  text-align: right;
  padding-bottom: 15px;
}

.course-content .pagination ul {
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
}

.pagination li {
  display: inline;
}

.pagination a {
  float: left;
  padding: 3px 4px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #CEE5EE;
  border-left-width: 0;

  font: normal 16px Arial, Helvetica, sans-serif;
}

.pagination a:link {color:#333;}
.pagination a:visited {color:#333;}
.pagination a:hover {color:#37839F;}
.pagination a:active {color:#333;}

.pagination .active a {
  color: #C30;
}

.pagination .active a {
  color: #C30;
  cursor: default;
}


.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination li:first-child a {
  border-left-width: 1px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}


/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */

	.button {
		background: #00a6fc;
		display: inline-block;
		text-align: center;
		padding: 9px 34px 11px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 13px; font-size: 1.3rem;
		line-height: 1;
		font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
		position: relative;
		cursor: pointer;
		border: none;
		outline: none;
		margin: 0;
	}
	
  	/* Don't use native buttons on iOS */
	input[type=submit].button, button.button { -webkit-appearance: none; }
	
	/* Hide inner focus effect in Firefox */
	button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
		border: none;
	}
	
	.button.nice { 
		background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px;
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
		text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
		background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
		background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
		border: 1px solid #0593dc;
		-webkit-transition: background-color .15s ease-in-out;
		-moz-transition: background-color .15s ease-in-out;
		-o-transition: background-color .15s ease-in-out;
	}

	.button.radius {
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.button.round {
		-moz-border-radius: 1000px;
		-webkit-border-radius: 1000px;
		border-radius: 1000px;
	}

	.button.full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center;
	}

	.button.left-align {
		text-align: left;
		text-indent: 12px;
	}
	
	/* Sizes ---------- */
	.tiny.button			{ font-size: 10px; padding: 6px 14px 8px; width: auto; }
	.small.button 			{ font-size: 11px; padding: 5px 20px 7px; width: auto; }
	.medium.button 			{ font-size: 13px; width: auto; }
	.large.button 			{ font-size: 18px; padding: 11px 48px 13px; width: auto; }

	/* Nice Sizes ---------- */
	.nice.tiny.button 		{ background-position: 0 -37px; }
	.nice.small.button 		{ background-position: 0 -34px; }
	.nice.large.button 		{ background-position: 0 -30px; }

	/* Colors ---------- */
	.blue.button			{ background-color: #00a6fc; }
	.red.button				{ background-color: #e91c21; }
	.white.button			{ background-color: #e9e9e9; color: #333; }
	.black.button			{ background-color: #141414; }
	.green.button			{ background-color: #5b8737; }
	
	/* Nice Colors ---------- */
	.nice.blue.button		{ border: 1px solid #0593dc; }
	.nice.red.button		{ border: 1px solid #b90b0b; }
	.nice.white.button		{ border: 1px solid #cacaca; text-shadow: none !important; }
	.nice.black.button		{ border: 1px solid #000; }
	.nice.green.button		{ border: 1px solid #4a6b2d; }
	
	/* Hovers ---------- */
	.button:hover, .button:focus 				{ background-color: #0192dd; color: #fff; }
	.blue.button:hover, .blue.button:focus		{ background-color: #0192dd; }
	.red.button:hover, .red.button:focus 		{ background-color: #d01217; }
	.white.button:hover, .white.button:focus	{ background-color: #dadada; color: #333; }
	.black.button:hover, .black.button:focus	{ background-color: #000; }
	.green.button:hover, .green.button:focus	{ background-color: #699c40; }	

	/* Hovers ---------- */
	.nice.button:active 	{ 
		-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
		-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
		box-shadow: inset 0 1px 0 rgba(0,0,0,.15);
	}
	
	/* Disabled ---------- */
	.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; }
	
	/* Correct FF button padding */
	@-moz-document url-prefix("http://") {
		input[type=submit].button::-moz-focus-inner, button.button::-moz-focus-inner { border: 0; padding: 0; }
		input[type=submit].tiny.button		{ padding: 5px 14px 7px; }
		input[type=submit].small.button		{ padding: 7px 20px 8px; }
		input[type=submit].medium.button	{ padding: 8px 34px 9px; }
		input[type=submit].large.button		{ padding: 9px 48px 10px; }
	}


/* LOGIN */
#login-wrapper { text-align: center; }
#login { margin: 75px 0; display: inline-block; text-align: left; font-size: 11px; }
#login h2, #login p { margin: 10px 0; padding: 0; }
#login label { display: inline-block; width: 60px; line-height: 20px; }
#login input.input-text { width: 170px; height: 20px; padding: 0; margin: 0; }
#login div { margin-left: 60px; }

/* LEFT NAVIGATION */
#left-navigation { margin-left: 12px; }
#left-navigation a { color: #173744; text-transform: uppercase; font-weight: bold; font-size: 13px; font-family: Arial, Helvetica, sans-serif; }
#left-navigation span { color: #054D9D; font-size: 14px;}
#left-navigation a:hover { color: #37839F; }
#left-navigation a.active span { color: #C30; }
#left-navigation dd.non-module a.active { color: #C30; }

/* FOOTER */
#footer { height: 50px; background-color: #DADADA; border-top: 2px solid #DBE9F2; font: normal 16px Arial, Helvetica, sans-serif; text-align: center; overflow: hidden; }
#footer div { padding-top: 10px; }


/* YOUTUBE */
p.youtube-instructions {
  font-style: italic;
  padding: 0;
  margin: 0;
  width: 425px;
}

p.youtube-caption {
  font-size: 10px;
  padding-top: 0;
  margin-top: 0;
}

/* COURSE CONTENT */
.course-content {
  margin-bottom: 40px;
}

.course-content ul {
  list-style-type: disc;
}
.course-content ol {
  list-style: decimal outside none;
}

.course-content ul, .course-content ol {
  padding-left: 40px;
}

.course-content ul.simple {
  padding-left: 0;
  list-style-type: none;
  font-size: 13px;
}

/* RESOURCE STEPS */
table.resource-steps {
  border: 1px solid #AEAEAE;
  width: 600px;
}

table.resource-steps tr th {
  font-weight: bold;
  width: 70px;
  padding: 9px 10px 9px 5px;
}

table.resource-steps th, table.resource-steps td {
  vertical-align: middle;
  border: 1px solid #AEAEAE;
}

table.resource-steps td {
  padding-left: 5px;
  padding-right: 5px;
}

table.resource-steps input.input-text {
  display: inline;
  margin: 5px;
}

table.resource-steps th {
  background-color: #D3D3D3;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.resource-steps tr {
  background-color: #EAEAEA;
}


/* CHART CONTAINER */
.chart-container { margin-bottom: 30px; }
.chart-container h4 { margin-bottom: 0; }
.chart-container p.note { margin-top: 10px; }
.chart-container .chart-inputs {
  margin: 10px 0;
}
.chart-container form p {
  padding: 0;
  margin: 3px 0;
  color: #666666;
  font-size: 12px;
}

img.byoe-chart {
  border: 1px solid #3980AE;
}

/* QUIZ */
div.quiz {
  background: none;
}

div.quiz label {
  display: block;
}

div.quiz-answers {
  padding: 15px;
}

div.quiz table {
  width: 100%;
}

div.quiz table, div.quiz table tr td {
  border: 1px solid #EAEAEA;
}

div.quiz tr.header, div.quiz tr.footer {
  background-color: #EAEAEA;
  color: #524D4D;
}

div.quiz table tr td {
  padding: 5px;
}

div.quiz tr.header td {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px;
}

div.quiz td.sample{
  font-size: 12px; !important;
  padding: 2px 5px;
}


div.quiz table tr td.index {
  width: 60px;
  text-align: center;
}

div.quiz .correct {
  color: green;
}

div.quiz .instructional td {
  text-align: center;
  color: green;
  font-weight: bold;
}

table.quiz-results {
  font-size: 13px;
}

table.quiz-results th {
  background-color: #F2F2F2;
  padding: 9px 10px;
  font-weight: bold;
  border: 1px solid #C9C9C9;
}

table.quiz-results td {
  border: 1px solid #C9C9C9;
}

/* FOOD FOR THOUGHT */
form.food-for-thought .user-answer { color: blue; } 
form.food-for-thought .suggested-answer { color: green; }

/* USER PROGRESS */
#save-user-progress-wrapper { text-align: right; }

/* CLASS CONTENT */
/*.course-class-content { margin: 0 40px; } */
.course-class-content table, .course-class-content table th, .course-class-content table td { border: 1px solid #C9C9C9; }
.course-class-content table th { background-color: #F2F2F2; padding: 9px 10px; font-weight: bold; }
.course-class-content table thead th { text-align: center; }

.course-class-content table.plain, .course-class-content table.plain th, .course-class-content table.plain td { border: none; }

.course-class-content table.no-border { margin-bottom: 0px; }
.course-class-content table.no-border, .course-class-content table.no-border td, .course-class-content table.no-border th { border: none; }


/* MISC */
.message { font-style: italic; font-size: 13px; }
object.youtube, embed.youtube, iframe.youtube-player {
  width: 425px;
  height: 344px;
  border: none;
}
h2.module-header { margin-top: 30px; }

.note { color: grey; }
.tiny { font-size: 11px; }
.small { font-size: 12px; }
.medium { font-size: 13px; }
.blue { color: #054D9D; }
.red { color: red; }

ul li dt { margin-bottom: 10px; }
ul li dd { margin-left: 30px; }


a.course-ref { text-decoration: underline; }

table.no-border td { border: none; padding: 0 0 5px 0; font-size: 13px; }
table.no-border td:first-child { padding-right: 10px; }

/* INTRODUCTION */
.intro-row {*margin: 0 0 20px 78px;}
.intro-row .intro-box { border-width: 1px; border-style:solid; border-top-width: 22px; height: 296px;*height:315px; display: inline; float: left; width: 251px; text-align: left; font-size: 12px; }
.intro-row .intro-box { border-width: 1px; border-style:solid; border-top-width: 22px; height: 296px; display: inline; float: left; width: 251px; text-align: left; font-size: 12px; }
.intro-row .intro-box p { padding: 0 20px 0 15px; }
.intro-row .intro-box h4 {
  margin:15px 0 15px 13px;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#005b81;
}
.intro-row:last-child { margin-bottom: 20px; }
.intro-row:last-child .intro-box { height: 258px; }
.intro-row .intro-box.center-box { margin: 0 15px; }
.intro-row .intro-box.brown { border-color: #C79E79; }
.intro-row .intro-box.grey { border-color: #C8CACB; }
.intro-row .intro-box.testimonials { background: url(../images/bg_testimonials.png) right top no-repeat; }
.intro-row .intro-box.community { background: url(../images/bg_community.png) 0 155px no-repeat; }
.intro-row .intro-box.testimonials dl {
  padding: 0 10px;
  font:normal 12px Arial, Helvetica, sans-serif;
  color:#333333;
}
.intro-row .intro-box.testimonials dl dt {
  clear:both;
}
.intro-row .intro-box.testimonials dl dd {
  margin:0 0 15px 0;
  float:right;
}

a.btn_discussion {
  margin:38px 0 0 125px; padding:0 9px 0 0;
  background:url(../images/arrow_right.jpg) right 4px no-repeat;
  font:bold 11px Arial, Helvetica, sans-serif;
  color:#767676;
  text-transform:uppercase;
  display:inline-block;
}

#intro-tag .content { margin-left: 30px; }
#intro-tag .header { color: #00658f; font: normal 36px "Arial"; margin: 30px 0 0 0; }
#intro-tag .subheader { font: normal 20px "Arial"; }
#intro-tag .subheader a { text-decoration: underline; color: #524C4C; }

#intro-desc .content { margin: 0 0 58px 30px; }
#intro-desc .header { color: #00658f; font: 600 20px "Arial"; margin-bottom: 16px; }
.hp-header { color: #00658f; font: 600 18px "Arial"; margin-bottom: 8px; }
#intro-desc p { margin-bottom: 12px; }

#intro-video .content { margin: 20px 0 0 75px; }

#intro-signup .content {
	float:left;
	color: #524c4c;
	font: normal 12px "Arial";
	text-align: center;
  margin-left: -10px;
  margin-top: 70px;
}
/*
#intro-signup p { margin-bottom: 0; }

#intro-signup a { color:#524c4c; text-decoration: underline; }	
*/
#main.gradient { background: url(/images/bg_feature.jpg) 0 120px repeat-x; background-color: white; }

.thick-border { border: 3px solid #595959; }

#intro-signup .thick-border {margin-bottom: 14px;}

#intro-cpe { margin: 50px 0px 0 -30px}
/*
.thick-border { border: 3px solid #524C4C; }
.center { text-align: center; }

.intro-row { height: 500px; }
.intro-row .intro-box { text-align: left; display: inline-block; width: 240px; border-width: 1px; border-style: solid; border-top-width: 22px; }
.intro-row .intro-box { height: 300px; }
.intro-row .intro-box.brown { border-color: #C79E79; }
.intro-row .intro-box.grey { border-color: #C8CACB; }
.intro-row .intro-box:not(:first-child) { margin-left: 15px; }
.intro-row:not(:first-child) { margin-top: 15px; }
.intro-row .intro-box.testimonials { background: url(/images/bg_testimonials.png) right top no-repeat; }
.intro-row .intro-box.community { background: url(/images/bg_community.png) 0 137px no-repeat; }

.intro-row .intro-box p { font-size: 12px;  }
*/

div.compact p {
  margin: 0;
}

div.alert-box {
  font-size: 12px;
}

div.alert-box.note {
  color: #999;
}

div.alert-box.error {
  color: red;
}



#free-trial { display: inline-block; text-align: left; font-size: 11px; border: 1px solid #C6C8C9; margin-top: 40px; }
#free-trial h2, #free-trial p { margin: 10px 0; padding: 0; }
#free-trial label { display: inline-block; width: 100px; line-height: 20px; text-align: left; }
#free-trial input.input-text { width: 170px; height: 20px; padding: 0; margin: 0; }
#free-trial table tr td { padding: 0; text-align: center; }
#free-trial table { margin: 0; }


#register-form-wrapper { display: inline-block; text-align: left; font-size: 11px; border: 1px solid #A0BFCB; margin-top: 20px; padding: 20px; margin-left: 90px; }
#register-form-wrapper h2, #register-form-wrapper p { margin: 10px 0; padding: 0; }
#register-form-wrapper label { display: inline-block; width: 100px; text-align: left; }
#register-form-wrapper input.input-text { width: 170px; height: 20px; padding: 0; margin: 0; }
#register-form-wrapper table tr td { padding: 0; text-align: center; }
#register-form-wrapper table { margin: 0; }
#register-form-wrapper p.header { font-size: 22px; font-weight: normal; color: #3980AE; }

#register-note { padding-left: 40px; padding-top: 15px; }
#register-note p { color: #3980AE; font-size: 20px; }
#register-note ul li { background: url(/images/li_dot.png) 0 9px no-repeat; padding-left: 15px; font-size: 18px; padding-bottom: 15px;}
#register-note span { color: #3980AE; }


#about-wrapper h1 { text-align: center; }
#about-wrapper h2 { text-align: center; }
#about-wrapper h3 { text-align: center; }



/* CFP PAGE */

#cpe-course-catalog {display:none;}
#cpe-cfp-req {display:none;}

/*#cfp-req ul {margin: 0 0 0 20px;}*/

#course-catalog dl { width: 610px; }
#cpe-course-catalog dl { width: 610px; }
#cpe-course-catalog dt {
  border:1px solid #444;
  border-bottom:0;
  border-radius: 5px 5px 0 0;
  background: #3980AE;
  color:#fff;
  padding: 8px;
  font-weight:bold;
  text-shadow:1px 1px #222;
  }
#course-catalog dt {
  border:1px solid #444;
  border-bottom:0;
  border-radius: 5px 5px 0 0;
  background: #3980AE;
  color:#fff;
  padding: 8px;
  font-weight:bold;
  text-shadow:1px 1px #222;
  }
#course-catalog dd {
  border:1px solid #444;
  border-top:0;
  border-radius: 0 0 5px 5px;
  padding: 8px;
  font-size: 12px;
  }
#cpe-course-catalog dd {
	border:1px solid #444;
	border-top:0;
	border-radius: 0 0 5px 5px;
	padding: 8px;
	font-size: 12px;
	}
.course-purchase-box { float:right;font-weight: normal; }

#course-wrapper {margin-left:130px;}
#course-order { margin-right:78px;text-align: right;font-weight: bold;}
#courseSelectForm {width: 700px;}
#selectAll {float;right;font-size: 11px;margin-right:7px;cursor: pointer;}

/* ie7 fixes */

#cpe-course-catalog dl input {*margin:-46px 0 0 -30px; }
#cpe-course-catalog dl label {*margin:-45px 10px 0 0;*display:block;}
.pagination-centered #order-btn  {*width:280px !important; *margin-bottom:-30px;}

/* hp and catalog buttons */

  	.btnRound, .btnRound:link, .btnRound:visited {
	padding: 16px 20px 10px 20px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	font-family: arial, sans-serif;
	background: #63A71B;
	-webkit-box-shadow: inset 0 0 0 #3A8300, 0 3px 0 #3A8300;
	box-shadow: inset 0 0 2px #3A8300, 0 3px 0 #3A8300;
	letter-spacing: 1px;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: capitalize;
	font-size: 20px;
	margin-left: 10px;
	border: none transparent;
	cursor: pointer;
	width: auto;
	display: inline-block;
}

.btnWhite, .btnWhite:link, .btnWhite:visited {	
	background: #efefef;
	-webkit-box-shadow: inset 0 0 0 #ababab, 0 3px 0 #ababab;
	box-shadow: inset 0 0 2px #ababab, 0 3px 0 #ababab;
	color: #00658f !important;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	padding: 10px 20px 12px 20px;
	display: inline-block

	}
.btnYellow, .btnYellow:link, .btnYellow:visited {
	background: #f5a729;
	-webkit-box-shadow: inset 0 0 0 #AF7C24, 0 3px 0 #AF7C24;
	box-shadow: inset 0 0 2px #AF7C24, 0 3px 0 #AF7C24;
	color: #fff;
	font-size: 17px;
	padding: 14px 20px 11px 20px;
	
}
.btnBlue, .btnBlue:link, .btnBlue:visited {
	background: #1aadda;
	-webkit-box-shadow: inset 0 0 0 #47869c, 0 3px 0 #47869c;
	box-shadow: inset 0 0 2px #47869c, 0 3px 0 #47869c;
	color: #fff;
	font-size: 17px;
	padding: 14px 20px 11px 20px;	
}
#loginBtns { margin-right: 35px;}
#payButton { font-size:13px;margin-left: 375px;}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 40;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	background: #eee;
	position: absolute;
	z-index: 41;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
.reveal-modal.login 		{ width: 300px; margin-left: -190px;padding: 0px 20px;top:20px;}
#loginModal #login  { margin: 25px 10px; }

.reveal-modal .close-reveal-modal {
	font-size: 22px;
	line-height: .5;
	position: absolute;
	top: 8px;
	right: 11px;
	color: #aaa;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: bold;
	cursor: pointer;
	} 

.reveal-modal .row {
	min-width: 0;
}


