/* ======================================================================== */
/* Site Pages CSS                                                           */
/* ======================================================================== */

.site_page 
{ 
	margin: 0;
	padding: 0;
	width: 100%;
}

.column_generic
{
	float: left;
	overflow: visible;
	_text-align: left;
	min-height: 1px;
	_height: 1px;
}

	/* START FILTER TO ENSURE DIV SURROUNDS ITEMS INSIDE */
	.column_generic {_height: 1px;}
	.column_generic:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
	.column_generic {display: inline-block;}
	html[xmlns] .column_generic {display: block;}
	* html .column_generic {height: 1%; _height: 1px;}
	/* END FILTER */

.profile_field.network_photo .username {
	display: block;
}

.site_page_column_0 .profile_field.network_photo {
	width: 50%;
}

.site_page_column_1 .profile_field.network_photo {
	width: 25%;
}



/* (20 / 50 / 30)  */

.layout_20_50_30 .site_page_column_0
{
	width: 18.5%;
	margin: 0 0.5% 0 1%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}

.layout_20_50_30 .site_page_column_1
{
	width: 49%;
	margin: 0 0.5%;
	padding: 0;
}

.layout_20_50_30 .site_page_column_2
{
	width: 28.5%;
	margin: 0 1% 0 0.5%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}




/* (75 / 25)  */

.layout_75_25 .site_page_column_0
{
	width: 73.5%;
	margin: 0 0.5% 0 1%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}

.layout_75_25 .site_page_column_1
{
	width: 23.5%;
	margin: 0 1% 0 0.5%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}




/* (50 / 50)  */

.layout_50_50 .column_generic
{
	width: 48.5%;
}

.layout_50_50 .site_page_column_0
{
	margin: 0 0.5% 0 1%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}

.layout_50_50 .site_page_column_1
{
	margin: 0 1% 0 0.5%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}








/* (25 / 75)  */

.layout_25_75 .site_page_column_0
{
	width: 23.5%;
	margin: 0 0.5% 0 1%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}

.layout_25_75 .site_page_column_1
{
	width: 73.5%;
	margin: 0 1% 0 0.5%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}

.site_page_200.layout_25_75 .site_page_column_0 {
	width: 30.5%
}

.site_page_200.layout_25_75 .site_page_column_1 {
	width: 66.5%
}




/* (33 / 33 / 33)  */

.layout_33_33_33 .column_generic
{
	width: 31.5%;
}

.layout_33_33_33 .site_page_column_0
{
	margin: 0 0.5% 0 1%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}

.layout_33_33_33 .site_page_column_1
{
	width: 32.5%;
	margin: 0 0.5%;
	padding: 0;
}

.layout_33_33_33 .site_page_column_2
{
	margin: 0 1% 0 0.5%;
	_margin: 0 0.5% 0 0.5%;
	padding: 0;
}




/* (100)  */

.layout_100 .column_generic
{
	width: 98%;
	margin: 0 1%;
	_margin: 0 0.5%;
	padding: 0;
}




/* Standard Subnav  */

.site_page_subnav { 
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
  clear: both;
}

.site_page_subnav #subnav
{
	width: auto;
	margin: 0;
	padding: 0;
}




/* Generic Site Page Elements  */

.site_page .blockspacer {
	height: 0;
}

.boxsitepagebody {
	float: none;
	width: auto;
}

/* ======================================================================== */

/* ======================================================================== */
/* Site Page Form CSS                                                       */
/* ======================================================================== */

.input_text,
.input_radio,
.input_checkbox,
.input_textarea { 
  margin-top: 5px;
  display: block;
  clear: both;
  border-bottom: 1px dotted #ccc;
}

label,
.input_text_field,
.input_radio_options,
.input_checkbox_options,
.input_textarea_field {
	font-size: 12px;
	display: block;
	margin-bottom: 3px;
}

label
{
	font-weight: bold;
}

.input_textarea_field { 
  margin-left: 10px;
}

.input_radio_option,
.input_checkbox_option { 
  clear: both;
}

.input_radio_option label,
.input_checkbox_option label,
.input_address label { 
	font-weight: normal;
	margin: 0;
}

.input_address label
{
	margin-top: 5px;
}

.input_textarea label {
  float: none;
  clear: both;
  width: auto;
}

.input_text input {
  width: 180px;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  padding: 2px;
  border-top: 1px solid #ccc !important;
  border-right: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
  border-left: 1px solid #ccc !important;
}

textarea
{
	padding: 5px;
	font-family: arial, helvetica, "sans-serif";
	font-size: 12px;
}

.form_button { 
  margin: 15px auto 0px auto;
}

.form_button a,
.form_button a:link,
.form_button a:visited,
.form_button a:hover,
.form_button a:active { 
  cursor: default;
  /*)display: block;*/
  line-height: 180%;
  padding: 4px 10px 4px 10px;
  background-color: #1376c7;
  color: #fff;
  border-top: 1px solid #7eb7e7;
  border-right: 1px solid #004a91;
  border-bottom: 1px solid #004a91;
  border-left: 1px solid #7eb7e7;
}

.form_button a:active { 
  background-color: #3da0f4;
  border-top: 1px solid #004a91;
  border-right: 1px solid #7eb7e7;
  border-bottom: 1px solid #7eb7e7;
  border-left: 1px solid #004a91;
}

.form_button a:hover {
  text-decoration: none;
  background-color: #3da0f4;
}

div.invalid { 
  border: 2px solid #dd3c10 !important;
}

.error_message { 
  color: #dd3c10;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 5px;
  border: 1px solid #dd3c10;
  background-color: #ffebe8;
}

.time
{
	font-family: arial, sans-serif;
	font-size: 100%;
	padding: 3px;
	color: #000;
	margin: 0;
	padding: 0 3em 0 1em;
	white-space: nowrap;
}

.onTime
{
	background-color: #D6E9F8;
}

.timeList
{
	background-color: #FFF;
	border: 1px solid #999;
	cursor: default;
	position: absolute;
	z-index: 1000;
	font-size: 12px;
	height: 140px;
	line-height: 20px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* ======================================================================== */

/* ======================================================================== */
/* Site Page Notification Boxes                                             */
/* ======================================================================== */

div.notification { 
  font-weight: bold;
  padding: 8px 0;
  border-width: 1px 0;
  border-style: solid;
  margin-right: 10px;
  margin-left: 10px;
  text-align: center;
}

div.message_notification { 
  color: #467e37;
  background-color: #d1f1c8;
  border-color: #467e37;
}

div.error_notification { 
  color: #dd3c10;
  background-color: #ffebe8;
  border-color: #dd3c10;
}

div.warning_notification { 
  color: #e2c822;
  background-color: #fff9d7;
  border-color: #e2c822;
}


/* ======================================================================== */




/* START ITEMS SPECIFIC TO DENOTED SITE PAGE(S) AND/OR MODULES */

#type_search label {
	display: inline;
}

.site_page_login .fieldinput, .site_page_login .fieldinput input#email, .site_page_login .fieldinput input#passwd {
	width: 100%;
	_width: 98%;
}

ul.galleryItems
{
	overflow: hidden;
	display: block;
	list-style: none;
}

ul.galleryItems li
{
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	list-style: none;
	background: none !important;
}

ul.noGrid li
{ 
	clear: both;
}

ul.galleryItems a
{
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
}

.pictureFrame
{
	display: block;
	overflow: hidden;
	position: relative;
}

.pictureFrame .image
{
	display: block;
	overflow: hidden;
	position: absolute;
}

.pictureFrame .overlay
{
	display: block;
	left: 0pt;
	top: 0pt;
	position: absolute;
}

ul.galleryItems li .captionLine1
{
	font-weight: bold;
}

/* Large Gallery */

ul.largeGallery
{
	margin-top: 20px;
	margin-left: -8px;
	font-size: 11px;
	line-height: 1.18182em;
}

ul.largeGallery li
{
	height: 170px;
	margin: 0 10px;
	width: 139px;
}

ul.largeGallery li .pictureFrame
{
	height: 109px;	
	width: 132px;
}

ul.largeGallery li .pictureFrame .image
{
	height: 100px;
	left: 3px;
	top: 2px;
	width: 126px;
}

ul.largeGallery li .pictureFrame .overlay
{
	background: transparent url(/swl/images/gallery_item_frame_large.png) repeat scroll left top;
	_background: none;
	height: 109px;
	width: 132px;
}

/* Medium Square Gallery */

ul.mediumsquareGallery
{
	margin-top: 20px;
	margin-left: -9px;
	font-size: 11px;
	line-height: 1.18182em;
}

ul.mediumsquareGallery li
{
	height: 68px;
	margin: 0 0;
	width: 67px;
}

ul.mediumsquareGallery li .pictureFrame
{
	height: 59px;
	width: 72px;
}

ul.mediumsquareGallery li .pictureFrame .image
{
	height: 52px;
	left: 2px;
	top: 2px;
	width: 64px;
}

ul.mediumsquareGallery li .pictureFrame .overlay
{
	background: transparent url(/swl/images/gallery_item_frame_mediumsquare.png) repeat scroll left top;
	_background: none;
	height: 59px;
	width: 67px;
}

/* Small Square Gallery */

ul.smallsquareGallery
{
	margin-top: 10px;
	margin-left: -8px;
	font-size: 11px;
	line-height: 1.18182em;
}

ul.smallsquareGallery li
{
	height: 60px;
	width: 51px;
}

ul.smallsquareGallery li a
{
	position: relative;
	margin-top: -10px;
	width: 35px;
	height: 35px;
}

ul.smallsquareGallery li .pictureFrame
{
	height: 60px;
}

ul.smallsquareGallery li .pictureFrame .image
{
	border: 1px solid #ccc;
	padding: 3px;
	height: 35px;
}

/* Photo Zoom Page */

.item_owner_thumb
{
	margin-right: 5px;
	float: left;
}

#otheritems_menu
{
	background: #eee;
	height: 27px;
}

#otheritems_menu div.selected
{
	background-color: #fff;
	border: 1px solid #eee !important;
}

#otheritems_boxes
{
	padding: 10px;
	border: 1px solid #ccc;
	height: 300px;
	overflow-y: auto;
	*z-index: 15;
	*position: relative;
}

#item_who_when .added
	padding-top: 3px;
}

#item_who_when .who
{
	font-size: 12pt;
	font-weight: bold;
	margin: 5px 0;
}

#item_who_when .when
{
}

#otheritems .noGrid li.selected
{
	background: #fbfcfc !important;
}

#otheritems .noGrid li
{
	cursor: pointer;
}

.mediumPhoto
{
	padding: 2px;
	border: 1px solid #ccc;
}

#zoompage_item_sub
{
	padding: 10px 10px 5px 10px;
	text-align: center;
}

/* Photo Grid */

div.photoGrid
{
	width: 252px;
	margin: 0 auto 5px auto;
	padding: 1px 0px 1px 1px;
	border: 1px solid #ccc;
}

div.photoGrid img
{
	margin: 0;
	padding: 1px 1px 0px 0;
	float: left;
}

div.photoGrid img.photo_0
{
	padding-top: 0px;
	width: 251px;
}

div.photoGrid img.photo_5,
div.photoGrid img.photo_6
{
	width: 125px;
}

/* Photo Zoom Page Email-to-friend Link Class (page 284)*/
.email_photo_link {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 12px !important;
	height: 300px !important;
	line-height: 140% !important;
	font-family:Arial,Verdana,Geneva,Helvetica,sans-serif !important;
}

/* ======================================================================== */

/* ======================================================================== */
/* Surveys */
/* ======================================================================== */

/* vertical gradient bar graphs on survey results template */
.vote_bargraph img  
{ 
	height:15px !important; 
} 

/* selected unordered lists on graded survey result template */
ul.survey_answers li.selected_incorrect 
{
	color: #FF0000;
}

ul.survey_answers li.selected_correct 
{
	color: #0000FF;
}

ul.survey_answers li.selected_notselected 
{
	color: #000000;
}

/* tablur data in survey history template */
.survey_history_row .survey_history_cell_name 
{
	width: 40%;
}

.survey_history_row .survey_history_cell_date 
{
	width: 30%;
}

.survey_history_row .survey_history_cell_grade 
{
	width: 30%;
}

/* prevent sitebutton from floating outside of box */
.survey_view .sitebutton ul li 
{
	float: none !important;
}

.survey_history_row .survey_history_cell_name 
{
	width: 40%;
}

.survey_history_row .survey_history_cell_date 
{
	width: 20%;
}

.survey_history_row .survey_history_cell_name_grade 
{
	width: 15%;
}

.survey_history_row .survey_history_cell_num_correct 
{
	width: 15%;
}

#survey_list .normal-table 
{
	margin-top: 0px;
}
.survey_error 
{
	color: #FF0000;
	font-weight: bold;

}

.content #survey_categories, .content #survey_recent, .content #survey_cat_surveys, .content .survey_view_results, .content .survey_view_graded, .content .survey_view 
{
	border:1px solid;
	margin:8px 0pt 0pt;
	padding:8pt 8px 8px 8px;
}

.content #survey_cat_surveys .survey_odd 
{
	background-color: #FFFFFF;
}

.content #survey_cat_surveys .survey_even 
{
	background-color: #CCCCCC;
}

.content .survey_view .survey_question  
{
	color: #000000;
	font-weight: bold;

}

/* END ITEMS SPECIFIC TO DENOTED SITE PAGE(S) AND/OR MODULES */

/* Hide border for hidden input field within ckeditor */

.cke_skin_kama input[type="text"]
{
	border: none !important;
}

.p2
{
	color: #006aaf;
	margin: 0 0 .5em 0;
}

.p2
{
	font-size: 16px;
	font-weight: bold;
}