/*
+--------------------------------------------------------------------------------
|
|	Reserved Selectors
|
|       body.*
|   		div#container
|		div.clear
|   		div#header
|   			ul#pnav
|   			ul#snav
|   		div#banner
|   			h1#title
|   			div#search
|   		div#content
|  			div#sidebar-left
|			div#main
|   			div#sidebar-right
|			div.sub-*
|   		div#footer
|   		div#fnav
|       		li#email
|       	    span#toll_free
|           div#credits
|			    span#copyright
|			    span#credit
|		div.footnote
|		div.border-top
|		div.border-bottom
|		div.stub
|		div.debug
|		div.results
|
|
|
|   Section Statement Order
|
|       div#banner
|           @background (banner background image)
|       div#banner div#search input.text
|           @border-color (textbox border colour)
|           @background (textbox background colour)
|           @color (textbox font colour)
|       div#content, div#banner
|           @border-color (outside container border colour)
|       div#content h2 <default not included>
|           @color (heading colour)
|       div#content h3 <default not included>
|           @background (heading background colour)
|       div#footer
|           @background-color (container background colour)
|           @background-image (container background image)
|       div#footer ul, div#footer li
|           @border-color (horizontal and vertical lines between links)
|       div#footer h3
|           @color (heading colour in link map)
|       div#footer a
|           @color (link colour in link map)
|       div#fnav <default only>
|           @border-color (horizontal line between credist and footer links)
|       div#fnav li#email a, div#fnav li span#toll_free, div#credits span#credit a
|           @color (link colour, toll free number in credits and footer)
|
+------------------------------------------------------------------------------
*/

/* ---------------------------------------------- Globals  >>  Body */
body{
	font:14px "Helvetica",Helvetica,Arial,sans-serif;
	text-align:center;
	color: #69706c
}

body.cke_show_borders,
body.cke_editable {
	background:#ffffff;
	text-align:left;
	padding: 5px;
}

/* ---------------------------------------------- Globals  >>  Block Level Elements */
p{
	line-height:150%;
	padding-bottom:20px;
	max-width: 840px;
}

/* ---------------------------------------------- Globals  >>  Inline Elements */
a{
	text-decoration:none;
	color: #327375;

}
select{
border: 1px solid #ddd;
}
li a.active{
	color: #a70040;
}
a:hover{
	text-decoration:underline;
	color: #a70040;
}
#container div#header ul#pnav li a.active {
    color: #a70040;
}
#sidebar-left li.selected a {
	color: #a70040;
}
/* ---------------------------------------------- Containers */
div#container{
	text-align:left;
	margin:0 auto;
	width:964px;
}

div.clear{
	overflow:hidden;
}

/* ---------------------------------------------- Header */
div#header{
	width:964px;
	height:120px;
}
div#header h1{
    background-size: 396px;
}
/* ---------------------------------------------- Header  >>  Super Navigation */
div#header ul#snav {
	position: absolute;
	top: 0;
	right: 0px;
	padding: 0;
	height: 37px;
	line-height: 37px;
	text-align: center;
	/* background: #E3E3E3; */
}

#container div#header ul#snav li {
	display:inline;
	margin-left:10px;
	padding-left:10px;
	border-left:solid 1px;
	font-size:11px;
}
#container div#header ul#snav li {
	border-color: #327375;
}
#container div#header ul#snav li.social_media {
	border: none;
	margin-left:0;
}
div#header ul#snav li.social_media img {
	vertical-align: middle;
}

div#header ul#snav li.social_media a {
	margin-right: 10px;
}

div#header ul#snav li.social_media a.last {
	margin-right: 0;
}

#container div#header ul#snav li.first_list_item {
	margin-left:0;
	padding-left:0;
	border-left:0;
}

div#header ul#snav a{
	color: #327375;
}

/* ---------------------------------------------- Header  >>  Primary Navigation */
div#header ul#pnav{
	bottom: 0;
    padding-bottom: 8px;
    position: absolute;
    right: 3px;
    width: auto;
    z-index: 25;
}

div#header ul#pnav li{
	border-right: none;
    display: inline;
    font-size: 12px;
    margin-right: 13px;
    padding: 0 13px 10px 0;
    text-transform: uppercase;
}
div#header ul#pnav li:last-child{
	padding-right: 0;
	margin-right: 0;
	}
div#header ul#pnav li a{
	font-weight: bold;
	}
.professionals div#header ul#pnav li{
	margin-right: 7px;
	
}

div#header ul#pnav li.last_list_item{
	margin-right:0;
	border-right:0;
	padding-right:0;
}

div#header ul#pnav li a{}

#container div#header ul#pnav li a:hover{
	color: #a70040;
	text-decoration:none;
}

/* ---------------------------------------------- Header  >>  Primary Navigation Over-ride For Login Status*/
/*
div#header div#login-status{
	position:absolute;
	right:30px;
	bottom:2px;
	padding-bottom:10px;
	z-index:25;
}
*/

/* ---------------------------------------------- Header  >>  Logo */
div#header h1{
	overflow:hidden;
	text-indent:-9999px;
}

div#header h1 a{
	display:block;
}

/* ---------------------------------------------- Banner */
div#banner{
	width:962px;
	border-width:1px 1px 0;
	border-style:solid;
	border-color:#000;
	height:80px;
	background: #327375;
    border: none;
}

/* ---------------------------------------------- Banner  >>  Title */
div#banner h1#title{
	color: #fff;
    float: left;
    font-family: "HelveticaNeueW01-Thin";
    font-size: 27px;
    font-weight: normal;
    letter-spacing: 0.036em;
    line-height: 76px;
    margin: 0 0 0 28px;
    width: 660px;
}

/* ---------------------------------------------- Banner  >>  Search */
div#banner div#search{
	float:right;
	margin:29px 28px 0 0;
	height:24px;
}

div#banner div#search input.text{
	background: #fff;
    color: #327275;
	width:144px;
	height:15px;
	padding:3px 2px 2px;
	border:1px solid #327275;
}

div#banner div#search input.button{
	width:72px;
	height:22px;
    background:transparent url(images/search-background.png) repeat-x left top;
    border:0;
}

/* IE6 hates Alpha Transparency so the next styles serve portal-specific jpg's. */
body.media div#banner div#search input.button { _background:transparent url(media/images/search-background.jpg) no-repeat left top; }
body.professionals div#banner div#search input.button { _background:transparent url(professionals/images/search-background.jpg) no-repeat left top; }
body.members div#banner div#search input.button { _background:transparent url(members/images/search-background.jpg) no-repeat left top; }
body.consumers div#banner div#search input.button { _background:transparent url(consumers/images/search-background.jpg) no-repeat left top; }
body.consumers.procedures div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_procedures.jpg) no-repeat left top; }
body.consumers.ask_a_surgeon div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_ask_a_surgeon.jpg) no-repeat left top; }
body.consumers.find_a_plastic_surgeon div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_find_a_surgeon.jpg) no-repeat left top; }
body.consumers.patient_safety div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_patient_safety.jpg) no-repeat left top; }
body.consumers.videos div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_videos.jpg) no-repeat left top; }
body.consumers.photos div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_photos.jpg) no-repeat left top; }
body.consumer_resources div#banner div#search input.button { _background:transparent url(consumers/images/search-background_consumer_resources.jpg) no-repeat left top; }

/* ---------------------------------------------- Content */
div#content{
	width:962px;
	border-width:0 1px;
	border: none;
	overflow:hidden;
	background:#fff;
}

/* ---------------------------------------------- Content  >>  Sidebar Left */
div#sidebar-left{
    float:left;
    display:none;
}

/* ---------------------------------------------- Content  >>  Main */
div#main{
    float:left;
}

div#main div.content-squeezed {
	padding: 0 100px;
}

/* ---------------------------------------------- Content  >>  Sidebar Right */
div#sidebar-right{
    float:right;
    display:none;
}

/* ---------------------------------------------- Content  >>  Headings
|	Portal: All
|	Page: All
|	Scope: Headings
|	Description:
*/
div#content h2{
    display: block;
    font-family: "HelveticaNeueW01-Thin";
    letter-spacing: 0.036em;
    font-size: 25px;
    line-height: 28px;
    margin-bottom:12px;
    color: #327375;
}

div#content h2 a{
    color: #327275;
}


div#content h3{
    margin-bottom:10px;
    display:inline-block;
    padding:5px 0px;
    color: #327275;
    font-family: "HelveticaNeueW01-Thin";
    font-size: 25px;
}

div#content h3 a{
	color:#ffffff;
}

div#content h4{
	margin-bottom:8px;
	line-height: 22px;
	letter-spacing: 0.036em;
	font-family: "HelveticaNeueW01-Thin";
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.036em;
    color: #327275;

}
.footnote strong{
	font-family: 'HelveticaNeueETW01-65Md';
	letter-spacing: 0.036em;
}
div#content h4 a {
	color:#3d3d3d;
	font-weight:bold;
}
/* ---------------------------------------------- Content  >>  Buttons
|	Portal: All
|	Page: All
|	Scope: Buttons
|	Description:
*/
div#content button{
	width:79px;
	height:29px;
	background:transparent url(images/button-submit.png) no-repeat left top;
	border:0;
}

div#content .alinks-invisible{
	color: #3b3b3b;
}

/* ---------------------------------------------- Footer */
div#footer{
	background-color: #fff;
    background-image: none;
    border-top: 5px solid #327375;
    font-size: 11px;
    overflow: hidden;
    padding: 30px 0;
    width: 962px;
}

/* ---------------------------------------------- Footer  >>  Link Map */
div#footer div.footer-list.first-list {
	border-left:1px solid;
}
div#footer div.footer-list{
    border-right: 1px solid;
    color: #fff;
    margin: 0 20px 30px 0;
}

div#footer div.last_list {
	border:0;
	margin-left: 15px;
	margin-right: 0;
	padding-right:0;
}

div#footer ul {
	margin-bottom:25px;
}

div#footer li{
    border-bottom:1px solid;
    padding: 0px 0 7px 0;
}

div#footer li.last_list_item{
    border-bottom:0;
    padding-bottom:0;
}

div#footer h3{
    color: #676767;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    padding-bottom:10px;
}

div#footer a{
	color: #327375;
	font-size: 13px;
	line-height: 16px;
}

div#footer a:hover{
	text-decoration:none;
	color: #a70040;
}

div#footer {
    -webkit-columns: 5;
    -moz-columns: 5;
    columns: 5;
}

div#footer div.footer-list {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* ---------------------------------------------- Footer Navigation */
div#fnav{
	width:964px;
	font-size:11px;
	padding:12px 0 12px;
	border-bottom:1px solid #327375;
	text-align:center;
	color:#666;
}

div#fnav ul{}

div#fnav li{
	display:inline;
	margin-left:40px;
}

div#fnav li a{
	color:#666;
}

div#fnav li#email{
	margin-left:0;
}

div#fnav li span#toll_free{}

/* ---------------------------------------------- Credits */
div#credits{
	width:964px;
	height:40px;
	line-height:40px;
	font-size:11px;
	padding-top:12px;
	color:#666;
}

div#credits span#copyright{
	float:left;
}

div#credits span#credit{
	float:right;
	padding-right:10px;
}

/*
+================================================
| Everything above this line powered the portal
| common stylesheets.
|
| These rules should not be modified.
+================================================
*/

/* ---------------------------------------------- Widgets ----------------------------------------------- */

/* Feature Widget */

div.widget-feature {
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-top.png') no-repeat left top;
	width: 620px;
	margin-bottom: 40px;
}

div.widget-feature > div.body {
	margin-left: 10px;
	padding-left: 20px;
	height: 80px;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
}

div#content div.widget-feature > div.body h4 {
	margin-bottom: 6px;
}

div.widget-feature > div.body div.form-item {
	margin-top: 0;
	margin-bottom: 5px;
}

div.widget-feature > div.body p {
	padding-bottom: 10px;
}

div.widget-feature p.thankyou {
	font-weight: bold;
	color: #00AA00;
}

div#main div.widget-feature > ul.tabs {
	height: 50px;
	margin-left: 10px;
	border-top: 1px solid #D6D6D6;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 0 10px;
}

div#main div.widget-feature > ul.tabs > li {
	float: left;
	list-style-type: none;
	border-right: 1px solid #D6D6D6;
	width: 195px;
	height: 50px;
}

div#main div.widget-feature > ul.tabs > li.first {
	border-left: none;
}

div#main div.widget-feature > ul.tabs > li.last {
	border-right: none;
}

div.widget-feature > ul.tabs a {
	display: block;
	height: 100%;
	margin-top: -1px;
	padding: 5px 10px 0;
	color: #000000;
	border-top: 1px solid #D6D6D6;
	font-size: 90%;
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-tab.png') repeat-x left -1px;
}

div.widget-feature > ul.tabs a:hover {
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-tab-over.png') repeat-x left top;
	border-top: 1px solid #FFFFFF;
	text-decoration: none;
}

div.widget-feature > ul.tabs li.selected a {
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-tab-over.png') repeat-x left top;
	border-top: 1px solid #FFFFFF;
}

div#content div.widget-feature > ul.tabs h3 {
	background-color: transparent;
	padding: 0;
	margin-bottom: 5px;
}

div#content div.widget-feature input[type="text"] {
	padding: 2px 5px;
	height: 21px;
	font-size: 150%;
	width: 465px;
	background-color: #ECECEC;
	border: 1px solid #D6D6D6;
	color: #8C8C8C;
	outline: none;
}

div#content div.widget-feature input[type="text"]:focus {
	border: 1px solid #D6D6D6;
	outline: none;
}

div#content div.widget-feature a.submit {
	color: #FFFFFF;
	height: 19px;
	width: 91px;
	left: 476px;
	position: absolute;
	font-size: 150%;
	padding: 4px 0;
	text-align: center;
}

div#content div.widget-feature a.submit:hover {
	text-decoration: none;
}

div#content div.widget-feature input[type="button"],
div#content div.widget-feature input[type="submit"] {
	color: #FFFFFF;
	font-size: 150%;
	position: absolute;
	left: 471px;
	height: 100%;
	width: 98px;
	border: none;
	padding-bottom: 2px;
}

div#content div.widget-feature li.tab-findasurgeon h3 {
	color: #1B5619;
}

div#content div.widget-feature li.tab-askasurgeon h3 {
	color: #222E7C;
}

div#content div.widget-feature li.tab-beautifulchoice h3 {
	color: #88705E;
}

div.widget-feature.tab-findasurgeon > div.banner {
	height: 60px;
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-find-banner.png') no-repeat left top;
}

div.widget-feature.tab-findasurgeon  h4 {
	color: #1B5619;
}

div#content div.widget-feature.tab-findasurgeon a.submit {
	background-color: #1B5619;
}

div.widget-feature.tab-askasurgeon > div.banner {
	height: 60px;
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-ask-banner.png') no-repeat left top;
}

div.widget-feature.tab-askasurgeon  h4 {
	color: #222E7C;
}

div#content div.widget-feature.tab-askasurgeon a.submit {
	background-color: #222E7C;
}

div.widget-feature.tab-beautifulchoice > div.banner {
	height: 60px;
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-bc-banner.png') no-repeat left top;
}

div.widget-feature.tab-beautifulchoice  h4 {
	color: #88705E;
}

div#content div.widget-feature.tab-beautifulchoice a.submit {
	background-color: #88705E;
}

/* Compact Feature Widget */

div.widget-feature-compact {
	background: transparent url('/sites/all/themes/asaps/images/widgets/feature-compact-background.png') no-repeat left top;
	width: 960px;
	height: 150px;
	margin: 0 auto 30px;
	border: 1px solid #D6D6D6;
}

div.widget-feature-compact > div.body {
	background: none repeat scroll 0 0 #327375;
    border-left: 1px solid #d6d6d6;
    float: left;
    height: 130px;
    margin: 0;
    padding: 10px 20px;
    width: 739px;
}

div#content div.widget-feature-compact > div.body h4 {
	font-size: 150%;
	margin-bottom: 30px;

}

div.widget-feature-compact > div.body div.form-item {
	margin-top: 0;
	margin-bottom: 5px;
}

div.widget-feature-compact > div.body p {
	padding-bottom: 10px;
	color: #fff;
}

div.widget-feature-compact p.thankyou {
	font-weight: bold;
	color: #00AA00;
}

div#main div.widget-feature-compact > ul.tabs {
	height: 150px;
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
}

div#main div.widget-feature-compact > ul.tabs > li {
	list-style-type: none;
	border-bottom: 1px solid #D6D6D6;
	height: 49px;
}

div#main div.widget-feature-compact > ul.tabs > li.last {
	border-bottom: none;
}

div.widget-feature-compact > ul.tabs a {
	display: block;
	height: 100%;
	padding: 0 10px;
	color: #000000;
	font-size: 90%;
	/* background: transparent url('/sites/all/themes/asaps/images/widgets/feature-compact-tab.png') repeat-x left -1px; */
}

div.widget-feature-compact > ul.tabs a:hover {
	/* background: transparent url('/sites/all/themes/asaps/images/widgets/feature-compact-tab-over.png') repeat-x left top; */
	text-decoration: none;
}

div.widget-feature-compact > ul.tabs li.selected a {
	/* background: transparent url('/sites/all/themes/asaps/images/widgets/feature-compact-tab-over.png') repeat-x left top; */
}

div#content div.widget-feature-compact > ul.tabs h3 {
	background-color: transparent;
	padding: 0;
	margin: 0;
	height: 100%;
	line-height: 49px;
	font-size: 20px;
}

div#content div.widget-feature-compact .form-item label {
	margin-bottom: 8px;
	color: #fff;
	font-weight: normal;
}

div#content div.widget-feature-compact input[type="text"] {
	padding: 2px 5px;
	height: 21px;
	font-size: 14px;
	width: 377px;
	background-color: #fff;
	border: 1px solid #D6D6D6;
	color: #8C8C8C;
	outline: none;
}

div#content div.widget-feature-compact input[type="text"]:focus {
	border: 1px solid #D6D6D6;
	outline: none;
}

div#content div.widget-feature-compact a.submit {
	color: #FFFFFF;
	height: 19px;
	width: 91px;
	left: 388px;
	position: absolute;
	font-size: 150%;
	padding: 4px 0;
	text-align: center;
}

div#content div.widget-feature-compact a.submit:hover {
	text-decoration: none;
}

div#content div.widget-feature-compact li h3 {
	color: #327375;
}

div.widget-feature-compact h4 {
	color: #fff;
	font: normal 14px/22px 'HelveticaNeueETW01-65Md';
	letter-spacing: 0.036em;
}

div#content div.widget-feature-compact a.submit {
	background-color: #285c5e;
    font-size: 16px;
    line-height: 22px;
}


/* ---------------------------------------------- Tooltip Default Styles */

.tooltip-overlay {
	position: absolute;
	z-index: 1;
	margin: 5px;
}



/* ---------------------------------------------- Add This Toolset */

div.addthis_toolbox {
	margin-bottom: 10px;
	padding-top: 4px;
}

/* ---------------------------------------------- Div Lists */

div.teaser {
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

div.teaser p {
	padding-bottom: 10px;
}

/* ---------------------------------------------- TO BE REVIEWED */
/* ---------------------------------------------- Image Control Classes */
div#content .img-left{
	float:left;
	margin:0px 30px 0px 0px;
}

div#content .img-right{
	float:right;
	margin:0 0 0 30px;
}

/* ---------------------------------------------- TO BE REVIEWED */
/* ---------------------------------------------- Thumbnail Control Classes */
div#content div.thumbnail{
	float:left;
	font-size:11px;
	color:gray;
	/*text-align:center;*/
}

div#content div.thumbnail-left{
	margin:0 30px 0 0;
}

div#content div.thumbnail-right{
	margin:30px 0 0;
}

div#content div.thumbnail div.thumbnail-text{
	margin:6px 6px 0 6px;
	font-size:10px;
	line-height:150%;
}

/* ---------------------------------------------- TO BE REVIEWED */
/* ---------------------------------------------- Add This Styles*/
div#add_this{
	padding-top: 20px;
	padding-left: 10px;
}

div#add_this img{
	padding-bottom: 5px;
}

/*
+================================================
| Everything below this line has been
| vetted by Graham.
+================================================
*/

/* ---------------------------------------------- Lists
|	Portal: All
|	Page: All
|	Scope: Lists
|	Description:
|		Default list for generic content.
*/
div#main ul,
div#main ol{
	padding:0 0 12px 30px;
}

div#main li{
	line-height:150%;
	list-style-type:disc;
	max-width: 800px;
}

/* ---------------------------------------------- Lists  >>  No Style
|	Portal: All
|	Page: All
|	Scope: Lists
|	Description:
|		This list removes most of the styling from the default list.
|		This list should be used in situations where no padding,
|		list style, etc. is required. (e.g. tabs)
*/
div#main ul.no_style{
	padding:0;
}

div#main div.item-list ul li,
div#main ul.no_style li{
	list-style-type:none;
}

/* ---------------------------------------------- Lists  >>  Links
|	Portal: All
|	Page: All
|	Scope: Lists
|	Description:
|		This is the default list style for most lists.
*/

div#content ul.links,
div#content div#main ul.links,
div#main div.view-content div.item-list ul {
    clear:both;
    display:inline-block;
    width: 100%;
	padding:0 0 1em 0;
}

div#content ul.links li,
div#content div#main ul.links li,
div.view-content div.item-list li {
	display:block;
	padding:.25em 0;
	list-style-type:none;
	line-height:1.5em;
	margin: 0;
}

div.view-content div.item-list li .field-content {
	line-height:1.5em;
}

div.view-content div.item-list li p {
	padding: 0;
}

div#content ul.links li.no_border,
div#content div#main ul.links li.no_border{
	border:0;
}

div#content ul.links li.first_li,
div#content div#main ul.links li.first_li {
	border-top:1px solid #eee;
}

div#content ul.links li.last_li,
div#content ul.links li.last_list_item,
div#content div#main ul.links li.last_li,
div.view-content div.item-list li.views-row-last {
	border-bottom:0;
}

ul.three_column li {
	float: left;
	width: 33%;
}

/* ---------------------------------------------- Lists  >>  Flat Links
|	Portal: All
|	Page: All
|	Scope: Lists
|	Description:
|		This list type is a horizontal series of links separated by a |
*/

div#content ul.links-flat {
	display: inline-block;
	padding: 0;
	margin-bottom: 10px;
}

div#content ul.links-flat li {

	border-right: 1px solid #CCCCCC;
	padding-right: 5px;
	margin-right: 5px;
	list-style-type: none;
	line-height: 1.2em;
	float: left;
}

div#content ul.links-flat li.last_li {

	border-right: none;
	padding-right: 0px;
	margin-right: 0px;
}

/* ---------------------------------------------- Lists  >>  Viewstack
|	Portal: All
|	Page: All
|	Scope: Lists
|	Description:
|		This special list type positions the items absolutely one on top of the other. Width and height and the ul
|       should be provided.
*/

div#main ul.viewstack {
	padding: 0;
}

ul.viewstack {
	width: 800px;
	height: 400px;
}

div#main ul.viewstack li {
	position: absolute;
	list-style-type: none;
}

/* ---------------------------------------------- Lists  >>  Tile
|	Portal: All
|	Page: All
|	Scope: Lists
|	Description:
|		This list type positions the items like tiled blocks across the page. All of the list items are a set fixed
|		width. The width is determined by the number of columns for the tiled list.
|		The number of columns defaults to 3, but may be set using a subclass such as two_column or four_column
*/

div#main ul.tiled {
	padding: 0;
	display: inline-block;
	margin: 0 0 30px;
}

div#main ul.tiled li {
	list-style-type: none;
	float: left;
	padding: 0;
	width: 200px;
	margin: 0 15px 10px 0;
}

div#main ul.tiled li.last,
div#main ul.tiled li.right {
	margin-right: 0px;
}

div#main ul.tiled li > img {
	display: block;
	padding: 4px;
	margin-bottom: 10px;
	border: 1px solid #DDDDDD;
}

div#main ul.tiled li label {
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

div#main ul.tiled.two_column li {
	width: 310px;
	margin-right: 10px;
}

div#main ul.tiled.four_column li {
	width: 150px;
	margin-right: 10px;
}

/* ---------------------------------------------- Lists  >>  Carousel
|       Powered by jquery. Adding this class to a tiled list will cause it to act as a looped carousel.
|       data-period may be specified to designate the number of milliseconds between each element.
*/

div#main ul.carousel {
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
}

div#main ul.carousel li {
	display: inline;
	width: 200px;
	margin: 0 10px;
	padding: 0;
	list-style-type: none;
}

/* ---------------------------------------------- Lists  >>  Leaderboard
|       Powered by jquery. Adding this class to a tiled list will cause it to act as a looped leaderboard.
|       this is only meant for leaderboard ads generated by the asaps_leaderboard module.
*/

div#content div.asaps_leaderboard-wrapper {
	background-color: #ffffff;
	padding: 30px 0;
}

div#content ul.asaps_leaderboard {
	padding: 0;
	display: block;
	position: relative;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
	float: left;
	width: 100%;
    border: none;
}

div#content ul.asaps_leaderboard li {
	list-style-type: none;
	display: block;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
}

/* ---------------------------------------------- Content Feed
|	Portal: All
|	Page: All
|	Scope: Feed
|	Description:
|		This structure is a div block style listing of feed items. Feed items vary in
|		style depending on the feed type, but this CSS will define a default.
*/

div.content_feed {
	margin-bottom: 30px;
}

div.content_feed > div.content_feed-item {
	display: inline-block;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #327375;
	width: 100%;
}

div.content_feed > div.content_feed-item > img {
	float: left;
}

div.content_feed > div.content_feed-item > div.body {
	border-left: 1px solid #CCCCCC;
	padding-left: 10px;
	margin-left: 135px;
	min-height: 115px;
}

div.content_feed > div.content_feed-item > div.body p {
	padding-bottom: 10px;
}

div.content_feed > div.content_feed-item label {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 10px;
}

div.content_feed > a.content_feed-more {
	padding-top: 0;
	display: block;
}

div.content_feed > a.content_feed-more.processing {
	cursor: wait;
}

/* ---------------------------------------------- Footnote
|	Portal:
|	Page:
|	Scope:
|	Description:
*/
div.footnote{
	padding: 20px 20px 20px 0;
	font-size:10px;
	background-color:#fff;

}
div.footnote p{
	font-style: italic;
}
div.footnote-border-top{
	border-top:1px solid #d1d1d1;
}
div.footnote-border-right{
	border-right:1px solid #d1d1d1;
}

/* ---------------------------------------------- Inputs
|	Portal:
|	Page:
|	Scope:
|	Description:
*/
select, textarea, input[type="text"], input[type="password"]{
    font:12px "Lucida Grande","Arial","Helvetica",sans-serif;
    color:#3d3d3d;
}

input[type="text"],
input[type="password"]{
    padding:5px;
}

input.form-submit{
    background:transparent url(images/button-submit.png) no-repeat left top;
	cursor:pointer;
    width:79px;
    height:29px;
	text-indent:-999em; /* safari, ff, etc. */
	*text-indent:0; /* now ie7 hates us */
	*padding-top:40px; /* ie7 */
	overflow:hidden; /* ie7 */
    border:0;
    outline:none;
}

input.form-confirm{
    background:transparent url(/sites/all/themes/asaps/images/button-confirm.png) no-repeat left top;
    cursor:pointer;
    width:90px;
    height:29px;
    outline: medium none;
    border: 0 none;
	text-indent:-999em; /* safari, ff, etc. */
	*text-indent:0; /* now ie7 hates us */
	*padding-top:40px; /* ie7 */
	overflow:hidden; /* ie7 */
}

input.form-clear{
    background:transparent url(/sites/all/themes/asaps/images/button-clear.png) no-repeat left top;
    cursor:pointer;
    width:75px;
    height:29px;
    outline: medium none;
    border: 0 none;
	text-indent:-999em; /* safari, ff, etc. */
	*text-indent:0; /* now ie7 hates us */
	*padding-top:40px; /* ie7 */
	overflow:hidden; /* ie7 */
}

input#edit-delete input.form-remove,
input.form-remove{
    background:transparent url(/sites/all/themes/asaps/images/button-remove.gif) no-repeat left top;
	cursor:pointer;
    width:79px;
    height:22px;
	text-indent:-999em; /* safari, ff, etc. */
	*text-indent:0; /* now ie7 hates us */
	*padding-top:40px; /* ie7 */
	overflow:hidden; /* ie7 */
    border:0;
    outline:none;
}

/* ---------------------------------------------- Webforms
|	Portal:
|	Page:
|	Scope:
|	Description:
*/

div.textarea-identifier.description{
	display: none;
}

div.asaps_webform{
    background:#fff;
    padding:15px;
}

div.asaps_webform .form-item label{
    margin-bottom:6px;
}

div.asaps_webform .form-item input[type="text"],
div.asaps_webform .form-item select,
div.asaps_webform .form-item textarea{
	border:1px solid #ccc;
}

div.asaps_webform .form-item input[type="radio"]{
    display:inline;
}

div.asaps_webform .form-item input[type="text"]{
    width:200px;
}

div.asaps_webform .form-item input[type="text"],
div.asaps_webform .form-item textarea{
/*    padding:3px; */
}

div.asaps_webform .form-item label{
	line-height: 1.4;
}

/* Messages */
div.messages,
.messages {
	margin:1em 0;
	padding:1em;
	background-color: #fff;
	border:1px solid #b8d3e5;
	line-height: 1.2em;
}
div#main div.status ul,
div#main div.warning ul,
div#main div.error ul {
	margin: 0;
	padding:0 2em;
}
div.status {
	color: #33a333;
	border-color: #33a333;
	background-color:#ecf7ec;
}
div.error {
	color: #a30000;
	border-color:#a30000;
	background-color: #ffcccc;
}

.pager a {
	color: #B4421A;
	font-weight: bold;
}

ul.pager {
	background-color: #D1D1D1;
	padding: 12px 0!important;
}

.item-list ul.pager li {
    margin: 0 2px;
}

/**
 * Don't display top taxonomy link on procedure pages.
 */
body.procedures div#content div#main div.node div.terms-inline ul.links {
	display: none;
}

/**
 * ----------------------- Custom Nivo Loading Css -------------------------
 */

.nivo-directionNav {
 	position: static;
}

.nivoSlider {
    position:relative;
    background:url(/sites/all/libraries/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}

.nivoSlider a {
    border:0;
    display:block;
}


/**
 * Form structure classes.
 */

.inline-form {
	display: inline-block;
	margin-bottom: 5px;
}

.inline-form div.row {
	float: left;
}

.inline-form div.row label {
	float: left;
	font:bold 14px "Lucida Grande",sans-serif;
	padding-right: 10px;
	padding-top: 6px;
}

.inline-form div.row div.input {
	float: left;
	display: inline-block;
	padding-right: 20px;
}

.inline-form div.row div.input div.form-item {
	padding-top: 1px;
	margin: 0;
}

div#main div.form-checkboxes ul li {
	list-style-type: none;
}

.form div.row {
	margin-bottom:2px;
}

.form div.row label {
	float: left;
	font-weight: bold;
	line-height:150%;
}

.form div.row div.input {
	font-style: italic;
	line-height:150%;
	margin-left: 200px;
}

.form div.row.label_small div.input {
	margin-left: 100px;
}

.form div.row.label_large div.input {
	margin-left: 300px;
}

.form div.row.label_spill label {
	float: none;
}

.form div.row.label_spill div.input {
	margin-left: 0px;
	margin-top: 2px;
}

.form div.row div.input p {
	padding-bottom: 10px;
}

.form-valuelist {
	/*border: 1px solid #AAAAAA;
	padding: 10px;*/
	margin-bottom: 30px;
}

.form-valuelist div.row {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
}

.form-valuelist div.row.first {
	border-top: none;
}

.form-valuelist div.row.odd {
	background-color:#FFFFFF;
}

.form-valuelist div.row.even {
	background-color:#F4F4F4;
}

.form-valuelist div.row label {
	font-weight: bold;
	line-height: 150%;
	width: 300px;
}

.form-valuelist div.row div.input {
	font-style: italic;
	line-height: 150%;
	padding-top:5px;
}

/**
 * Drupal form classes
 */

.form-item label {
	margin-top: 4px;
	margin-bottom: 4px;
}

.form-item .description {
	margin-top: 4px;
	margin-left: 10px;
}

/**
 * Descriptive fieldset classes for form elements of custom type "descriptive_fieldset"
 */

html.js fieldset.descriptive {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	height: auto;
	padding: 5px 10px 10px;
	margin-bottom: 30px;
}

html.js fieldset.descriptive > div.description {
	display: block;
	line-height: 135%;
	font-style: normal;
	background-color: #f3ccbb;
	border: 1px solid #cccccc;
	cursor: pointer;
	color: #797979;
	padding: 10px;
	margin: 0;
}

html.js fieldset.descriptive > legend {
	margin-left: 10px;
	padding: 0 5px;
}

html.js fieldset.descriptive > legend > a {
	_background: none transparent;
	_padding: 0;
	font-weight: bold;
	font-size: 125%;
	color: #888888;
}

html.js fieldset.descriptive > a.icon {
	display: block;
	height: 35px;
	margin-top: 5px;
	background: transparent url(/sites/all/themes/asaps/images/forms/btn-contract.png) no-repeat center center;
}

html.js fieldset.descriptive.collapsed > a.icon:hover,
html.js fieldset.descriptive > a.icon:hover {
	background-color: #dcf2f9;
}

html.js fieldset.descriptive.collapsed > a.icon {

	background: transparent url(/sites/all/themes/asaps/images/forms/btn-expand.png) no-repeat center center;
}

html.js fieldset.descriptive > div.fieldset-wrapper {
	margin: 10px 0 0;
	padding: 0 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

html.js fieldset.descriptive > div.fieldset-wrapper > div.form-item div.tooltip-overlay {
	width: 550px;
	padding: 10px;
	margin-top: 8px;
	background-color: #dcf2f9;
	color: #595959;
	font-size: 100%;
	line-height: 135%;
	box-shadow: 0 1px 5px 0 #4A4A4A;
}

html.js fieldset.descriptive > div.fieldset-wrapper > div.form-item a {
	_color: #888888;
}

/**
 * Tooltip Class.
 */

.tooltip {
	display: none;
	font-size: 12px;
	padding: 3px 5px;
	color: #000;
	border: yellow;
	background-color: #ffc;
}

/**
 * Dialog Message Styling
 */

 div.messages.dialog {
 	display: none;
 }

 .ui-dialog.messages {
 	padding: 0.5em;
 }

.ui-dialog-overlay {
	background-color: #666666;
	opacity: 0.6;
}

.ui-dialog .ui-dialog-titlebar {
	border: 1px solid #C0526B;
	background-color: #F6CCCC;
	display: block;
	clear: both;
	padding: 0.4em 1em;
	position: relative;
	border-radius: 4px 4px 4px 4px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	font-weight: bold;
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
    margin: -10px 0 0;
    padding: 4px 1px 1px;
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px;
    text-decoration: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
	font-weight: bold;
	color: #000000;
}

div.ui-dialog div.ui-dialog-content {
    border: 0 none;
    overflow: auto;
    padding: 0;
    margin: 1.2em 0;
    position: relative;
    text-align: left;
    line-height: 150%;
    display: block;
}

.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
    z-index: 99999;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    left: 0;
    top: -5px;
    width: 100%;
}

.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}

.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    height: 100%;
    left: -5px;
    top: 0;
    width: 7px;
}

/**
 * General positioning and padding classes.
 */

.no_border { border: 0; }

 div#content .block,
.block { display: block; }
 div#content .inlineblock,
.inlineblock { display: inline-block; }

.clear { clear: both; }
.clearRight { clear: right; }
.clearLeft { clear: left; }

.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { display: block; margin-left: auto; margin-right: auto; }

.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }

.paddingtop5 { padding-top: 5px; }
.paddingtop10 { padding-top: 10px; }
.paddingtop20 { padding-top: 20px; }
.paddingtop30 { padding-top: 30px; }

.paddingbottom5 { padding-bottom: 5px; }
.paddingbottom10 { padding-bottom: 10px; }
.paddingbottom20 { padding-bottom: 20px; }
.paddingbottom30 { padding-bottom: 30px; }

.paddingleft5 { padding-left: 5px; }
.paddingleft10 { padding-left: 10px; }
.paddingleft20 { padding-left: 20px; }
.paddingleft30 { padding-left: 30px; }

.paddingright5 { padding-right: 5px; }
.paddingright10 { padding-right: 10px; }
.paddingright20 { padding-right: 20px; }
.paddingright30 { padding-right: 30px; }

.paddingsides5 { padding-left: 5px; padding-right: 5px; }
.paddingsides10 { padding-left: 10px; padding-right: 10px; }
.paddingsides20 { padding-left: 20px; padding-right: 20px; }
.paddingsides30 { padding-left: 30px; padding-right: 30px; }

.margin5 { margin: 5px; }
.margin10 { margin: 10px; }
.margin20 { margin: 20px; }
.margin30 { margin: 30px; }

.margintop5 { margin-top: 5px; }
.margintop10 { margin-top: 10px; }
.margintop20 { margin-top: 20px; }
.margintop30 { margin-top: 30px; }

.marginbottom5 { margin-bottom: 5px; }
.marginbottom10 { margin-bottom: 10px; }
.marginbottom20 { margin-bottom: 20px; }
.marginbottom30 { margin-bottom: 30px; }

.marginleft5 { margin-left: 5px; }
.marginleft10 { margin-left: 10px; }
.marginleft20 { margin-left: 20px; }
.marginleft30 { margin-left: 30px; }

.marginright5 { margin-right: 5px; }
.marginright10 { margin-right: 10px; }
.marginright20 { margin-right: 20px; }
.marginright30 { margin-right: 30px; }

.marginsides5 { margin-left: 5px; margin-right: 5px; }
.marginsides10 { margin-left: 10px; margin-right: 10px; }
.marginsides20 { margin-left: 20px; margin-right: 20px; }
.marginsides30 { margin-left: 30px; margin-right: 30px; }

.span10 { width: 10px; }
.span20 { width: 20px; }
.span30 { width: 30px; }
.span40 { width: 40px; }
.span50 { width: 50px; }
.span60 { width: 60px; }
.span70 { width: 70px; }
.span80 { width: 80px; }
.span90 { width: 90px; }
.span100 { width: 100px; }
.span110 { width: 110px; }
.span120 { width: 120px; }
.span130 { width: 130px; }
.span140 { width: 140px; }
.span150 { width: 150px; }
.span160 { width: 160px; }
.span170 { width: 170px; }
.span180 { width: 180px; }
.span190 { width: 190px; }
.span200 { width: 200px; }
.span250 { width: 250px; }
.span300 { width: 300px; }
.span350 { width: 350px; }
.span400 { width: 400px; }
.span450 { width: 450px; }
.span500 { width: 500px; }
.span550 { width: 550px; }
.span600 { width: 600px; }
.span650 { width: 650px; }
.span700 { width: 700px; }


/*-------------------------------------------------- Partners Carousel Banner
*/
body div#block-partners {
	
	background: transparent url(/sites/all/themes/asaps/consumers/images/homepage/partners-bkgd.png) no-repeat -1px -1px;
	height: 130px;
	width: 920px;
	float: left;
	clear: both;
	border: 1px solid #cccccc;
}

body div ul.carousel {
	background: none repeat scroll 0 0 #fff;
    height: 100%;
    margin: 0 10px 0 39px;
    width: 921px;
}

body div#block-partners ul.carousel li {
	width: auto;
	line-height: 129px;
	margin: 0 30px;
}

body div#block-partners ul.carousel li img {
	vertical-align: middle;	
}

/* ASJ Cover image with Facebook buttons */
div.asj-cover-facebook {
	width: 200px;
	float: left;
}

div.asj-cover-facebook img {
	border: none;
}

div.asj-cover-facebook div.fb-like {
	margin: 15px;
}
body.procedures div#content{
    border: none;    
}


body.procedures div#content h3{
    background: #e9eef1;
    color: #327375;
    font-family: "HelveticaNeueW01-Thin";
}


body.procedures div#footer div.footer-list,
body.procedures div#footer ul,
body.procedures div#footer li{
    border : none;
}



body.procedures div#footer a:hover{
    color: #a70040;
}

body.procedures div#fnav li#email a,
body.procedures div#fnav li span#toll_free,
body.procedures div#credits span#credit a{
    color: #a70040;
}
a.forward-link{
color: #a70040;
}
.forum-topic-navigation {
    border: none;
    background: #e9eef1;
    
}
/* calendar styles */
div#content div.date-heading h3,
div#content  .calendar-calendar div.date-nav a{
 	color: #fff;
 	margin: 5px;
}
div#content .calendar-calendar div.date-nav{
	background-color: #317375;
}
.date-nav div.date-prev,
.date-nav div.date-next {
	padding: 18px 10px 0;
  	width: 20%;
}
div#content .calendar-calendar th.days {
    background: #e9eef1;
    color: #327375;
    font-family: "HelveticaNeueW01-Thin";
    letter-spacing: 0.036em;
}
div#content .calendar-calendar td,
div#content .calendar-calendar th{
    border: 1px solid #ccc;
 }
.calendar-calendar td .inner div, .calendar-calendar td .inner div,
.calendar-calendar td div.day{
    background: none repeat scroll 0 0 #e9eef1;
    color: #327375;
}
.calendar-calendar td .week.day{
	font-size: 14px;
	}
.calendar-calendar td .inner div.day a, .calendar-calendar td div.day a{
    background: none repeat scroll 0 0 #e9eef1;
    color: #a70040;
}
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
    background-color: #327375;
   }
.calendar-calendar td.empty {
    background: none repeat scroll 0 0 #d8d8d8;
}
body.members div#content div#main ul.links li.calendar {
	background: #e9eef1;
	color: #327375;
	border: none;
}
.calendar-calendar th {
    background-color: #e9eef1;
    color: #327375;
}
.calendar-calendar div.day-view td .inner .view-field, 
.calendar-calendar div.day-view td .inner .view-field a {
    font-size: 12px;
}
div#content div.calendar-calendar .year-view td table.mini td {
    height: 25px;
    padding: 5px 0 0;
    text-align: center;
    color: #327375;
}
table .mini-day-on a {
    color: #a70040;
}
.year-view .date-nav div.date-prev, .year-view .date-nav div.date-next {
    width: 0;
}
/* slide show sytles */
div#content .theme-asaps .nivoSlider {
    box-shadow: none;
}
.theme-asaps.slider-wrapper {
    height: 297px;
    border: solid 1px #ccc;
}
.theme-asaps .nivoSlider a.nivo-imageLink {
height: 297px;
}
.theme-asaps .nivo-controlNav {
    background: none;

}
.theme-asaps .nivo-controlNav a {
    margin-right: 5px;

}
.theme-asaps a.nivo-prevNav {
    background: url(/sites/all/themes/asaps/images/slider-arrow-left.png) no-repeat 0 0;
    position: absolute;
    left: 0px;
    margin: 0;
}
.theme-asaps a.nivo-nextNav {
    background: url(/sites/all/themes/asaps/images/slider-arrow-right.png) no-repeat 0 0;
    position: absolute;
    margin-left: 230px;

}


.theme-asaps .nivo-directionNav a {
    height: 100px;
    width: 60px;
    top: 33%;
    background-size: 60px;
    opacity: 0;
}
.theme-asaps:hover .nivo-directionNav a {
    opacity: .4;
}