/*
 * primary.css
 * This file contains all of the css for the main page displays.
 */

/* Wrapper classes */
html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	background-color: #ffffff;
	font-family: Tahoma;
	font-size: x-small;
}

#wrapper_center {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	height: 100%;
}

#wrapper_sizer {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 600px;
	height: 100%;
	text-align: left;
}

#wrapper_padding {
	margin: 0;
	padding: 0;
	border: 0;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	height: 100%;
	width: 100%;
}

#header {
	background-color: #eeeeee;
	//background: url('images_si/header.jpg');
	background-repeat: no-repeat;
	height: 130px;
	width: 100%;
}

#content_wrapper {
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
}

#content_top {
	height: 306px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#filmstrip {
	height: 59px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #234062;
	text-align: center;
	vertical-align: middle;
}

#film_bar_top {
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images_si/filmstrip_bar_top.jpg');
	background-repeat: no-repeat;
}

#film_bar_bottom {
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images_si/filmstrip_bar_bottom.jpg');
	background-repeat: no-repeat;
}

.content_bottom {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	background-color: #ffffff;
	vertical-align: middle;
}

#content_top_columns {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
}

#content_top_left {
	height: 100%;
	width: 365px;
	margin: 0;
	padding: 0;
	border: 0;
}

#content_top_right {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

#content_top_left_column {
	height: 100%;
	width: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images_si/column_top_left.jpg');
	background-repeat: no-repeat;
}

#content_top_right_column {
	height: 100%;
	width: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images_si/column_top_right.jpg');
	background-repeat: no-repeat;
}

#content_top_left_rows {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu_row {
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('images_si/menu_bkg.jpg');
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
	color: #fefefe;
	font-family: Verdana;
	font-size: x-small;
}

#main_menu {
	color: #fefefe;
	font-family: Verdana;
	font-size: x-small;
	margin: 0;	//-8px 20px 0 24px;
	padding: 0;
	border: 0;
	text-align: center;
	/*position: relative;
	top: -3px;*/
}

#main_content {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #ffffff;
	background-image: url('images_si/main_content_bkg.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: left;
	vertical-align: top;
	color: #1B3566;
	font-family: Verdana;
	font-size: x-small;
}

#content_text {
	color: #1B3566;
	font-family: Verdana;
	font-size: x-small;
	margin: 0;
	padding: 4px 2px 3px 9px;
	border: 0;
	text-align: left;
}

#status {
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	border: 0;
}

#status_columns {
	height: 100%;
	width: 100%;
	border: 0;
	padding: 0;
	border: 0;
}

#status_dial {
	height: 100%;
	width: 179px;
	margin: 0;
	padding: 0;
	border: 0;
}

#status_bar {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/status_bar.jpg');
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#status_text {
	color: #fefefe;
	font-family: Verdana;
	font-size: small;
	margin: 0;
	padding: 5px 18px 9px 3px;
	border: 0;
	text-align: left;
}

#content_top_right_rows {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #ffffff;
}

#tips {
	width: 100%;
	height: 140px;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	/*background-color: #ffffff;*/
}

#tip_content {
	color: #635926;
	font-family: Verdana;
	font-size: x-small;
	margin: 5px 50px 5px 17px;	/*5px, 42px, 5px, 5px;.*/
	padding: 0;
	border: 0;
}

#tip_columns {
	height: 155px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#tip_left_border {
	height: 100%;
	width: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/tips_border_left.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#tip_main {
	height: 100%;
	width: 233px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/tips_new.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	text-align: left;
	vertical-align: top;
}

#tip_right_border {
	height: 100%;
	width: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/tips_border_right.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#expander_row {
	height: 100%;
}

#expander {
	height: 100%;
	background-color: #ffffff;
}

#gallery_viewer {
	width: 100%;
	height: 152px;
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #fcfcfc;
	text-align: center;
	vertical-align: bottom;
}

#screen_columns {
	height: 152px;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#screen_left_border {
	height: 100%;
	width: 12px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/screen_border_left_nofeathers.jpg');
	background-repeat: no-repeat;
	background-position: bottom left;
}

#screen_main {
	height: 100%;
	width: 213px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/screen_main.jpg');
	background-repeat: no-repeat;
	background-position: bottom center;
	text-align: left;
	vertical-align: top;
}

#screen_right_border {
	height: 100%;
	width: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('images_si/screen_border_right.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
}

#screen_content {
	margin: 6px 0 0 0;
	padding: 0;
	border: 0;
}

#filmstrip_columns {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

td.film_arrow {
	height: 100%;
	width: 22px;
	margin: 0;
	padding: 0 3px 0 3px;
	border: 0;
	text-align: center;
	vertical-align: middle;
}

td.cell {
	height: 0;
	margin: 0;
	padding: 0 2px 0 2px;
	border: 0;
	text-align: center;
	vertical-align: middle;
}

#footer {
	height: 20px;
	background-color: #234062;
	text-align: right;
	vertical-align: middle;
	padding: 0 3px 0 3px;
	color: #fefefe;
}


/* Component classes */

div.clear {
	clear: both;
}

img {
	border: 1px solid #000000;
	padding: 0;
	margin: 0;
}

img.no_border {
	border: 0;
	margin: 0;
	padding: 0;
}

img.cell {
	margin: 0;
	padding: 0;
	border: 1px solid #000000;
}

.menu_item {
	color: #fefefe;
	text-decoration: none;
}

.menu_item:hover {
	color: #fefefe;
	text-decoration: underline;
}

/*a:link {
	color: #fefefe;
	text-decoration: none;
}

a:active {
	color: #ffffff;
	text-decoration: none;
}

a:visited {
	color: #fefefe;
	text-decoration: none;
}

a:hover {
	color: #fefefe;
	text-decoration: underline;
}*/

.answer {
	color: blue;
	text-decoration: none;
}

.answer:hover {
	color: blue;
	text-decoration: underline;
}


/* Formatting classes */

h3.sidebar {
	margin: 0;
	padding: 0 0 0 0;
}

td.pricing {
	border: 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 2px;
	text-align: center;
}

td.pricing_header {
	border: 0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 0;
	padding: 2px;
	text-align: left;
}

/* Slideshow CSS */

.slideshow{ /*CSS for DIV containing each image*/
	float: left;
	padding-top: 13px;
	width: 78px;
	text-align: center;
}

.slideshow img{ /*Change "auto" below to a number (ie: 200px) to hard code dimensions of album images*/
	width: 65px;
	height: 47px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
	width: 100%;
	text-align: center;
	font-size: x-small;
}

#navlinks a{ /*CSS for each navigational link*/
	margin: 2px;
	color: #fefefe;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
	font-weight: bold;
	text-decoration: none;
}

img.slide_image {
	width: 211px;
	height: 146px;
}

.text_field_error {
	font-family: Tahoma;
	font-size: small;
	background-color: #ff9999;
}

.slidearrow {
	float: left;
	padding-top: 13px;
	text-align: center;
	cursor: hand;
	cursor: pointer;
}

#cellQuestion {
	background-image: url(images_si/bottom_question.jpg);
	background-repeat:no-repeat;
	height: 180px;
}
 
#divQuestion {
	text-align: left;
	margin-left: 10px;
	width: 178px;
	height: 180px;
	overflow: auto;
}

.spnHeader {
	font-size : small;
	font-weight : bold;
}

.spnSmallHeader {
	font-size : x-small;
	font-weight : bold;
}

.spnText {
	font-size : x-small;
	font-weight : normal;
}