/* General Styles */
body, p, li, ul, ol, td, font {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 1em; color: #000; }
a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #1601e4;}
a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #1601e4;}
a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #04b700;}
a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #04b700;}

a.bold:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #1601e4;}
a.bold:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #1601e4;}
a.bold:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #04b700;}
a.bold:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #04b700;}

a.strong:link {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #000000;}
a.strong:visited {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #000000;}
a.strong:active {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #000000;}
a.strong:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-decoration:none; font-style: normal; color: #000000;}

a.small:link {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #1601e4;} 
a.small:visited {font-family: Arial, Helvetica, sans-serif;font-size: 10px; font-style: normal; color: #1601e4;}
a.small:active {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #04b700;}
a.small:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #04b700;}

a.xsmall:link {font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #1601e4;} 
a.xsmall:visited {font-family: Arial, Helvetica, sans-serif;font-size: 9px; font-style: normal; color: #1601e4;}
a.xsmall:active {font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #04b700;}
a.xsmall:hover {font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; color: #04b700;}

a.white:link {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; font-style: normal; color: #ffffff;}
a.white:visited {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; font-style: normal; color: #ffffff;}
a.white:active {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; font-style: normal; color: #ffffff;}
a.white:hover {font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-decoration:underline; font-style: normal; color: #ffffff;}


.yellow_border {border: 1px solid #fc0;}
.yellow_border2 {border: 2px solid #fc0;}
.black_border {border: 1px solid #000;}
.black_text {color: #000; font-size: 12px;}
.black_text_11 {color: #000; font-size: 11px;}
.black_text_10 {color: #000; font-size: 10px;}
.black_text_bold_13 {font-weight: bold; color: #000; font-size: 13px;}
.black_text_bold_14 {font-weight: bold; color: #000; font-size: 14px;}
.black_text_9 {color: #000; font-size: 9px; line-height: 1em;}
.black_text_8 {color: #000; font-size: 8px; line-height: 1em;}
.black_text_2 {color: #000; font-size: 2px; line-height: 1em;}

.text {font-size: 12px;}
.text_11 {font-size: 11px;}
.text_10 {font-size: 10px;}
.text_bold_11 {font-weight: bold; font-size: 11px;}
.text_bold_13 {font-weight: bold; font-size: 13px;}
.text_bold_14 {font-weight: bold; font-size: 14px;}
.text_9 {font-size: 9px; line-height: 1em;}
.text_8 {font-size: 8px; line-height: 1em;}
.text_2 {font-size: 2px; line-height: 1em;}

.grey_text {color: #7e7e7ee; font-size: 12px;}
.grey_text_11 {color: #7e7e7e; font-size: 11px;}
.grey_text_10 {color: #7e7e7e; font-size: 10px;}
.grey_text_bold_13 {font-weight: bold; color: #7e7e7e; font-size: 13px;}
.grey_text_9 {color: #7e7e7e; font-size: 9px; line-height: 1em;}
.grey_text_9a {color: #7e7e7e; font-size: 9px; line-height: 1.2em;}
.grey_text_8 {color: #7e7e7e; font-size: 8px; line-height: 1em;}
.grey_text_2 {color: #7e7e7e; font-size: 2px; line-height: 1em;}

.red_text {color: #af0000; font-size: 12px;}
.red_text_11 {color: #af0000; font-size: 11px;}
.red_text_10 {color: #af0000; font-size: 10px;}
.red_text_bold_13 {font-weight: bold; color: #af0000; font-size: 13px;}
.red_text_9 {color: #af0000; font-size: 9px; line-height: 1em;}
.red_text_8 {color: #af0000; font-size: 8px; line-height: 1em;}
.red_text_2 {color: #af0000; font-size: 2px; line-height: 1em;}

.blue_text {color: #1601e4; font-size: 12px;}
.blue_text_11 {color: #1601e4; font-size: 11px;}
.blue_text_10 {color: #1601e4; font-size: 10px;}
.blue_text_bold_13 {font-weight: bold; color: #1601e4; font-size: 13px;}
.blue_text_9 {color: #1601e4; font-size: 9px; line-height: 1em;}
.blue_text_8 {color: #1601e4; font-size: 8px; line-height: 1em;}
.blue_text_2 {color: #1601e4; font-size: 2px; line-height: 1em;}

.green_text {color: #04b700; font-size: 12px;}
.green_text_11 {color: #04b700; font-size: 11px;}
.green_text_10 {color: #04b700; font-size: 10px;}
.green_text_bold_13 {font-weight: bold; color: #04b700; font-size: 13px;}
.green_text_9 {color: #04b700; font-size: 9px; line-height: 1em;}
.green_text_8 {color: #04b700; font-size: 8px; line-height: 1em;}
.green_text_2 {color: #04b700; font-size: 2px; line-height: 1em;}

.white_text {color: #ffffff; font-size: 12px;}
.white_text_11 {color: #ffffff; font-size: 11px;}
.white_text_11a {color: #ffffff; font-size: 11px; line-height: 1.1em;}

/*input, select, option, textarea {background: #dddbdb; color: #000; border: none;} */
input, select, option, textarea {background: #f3f3f3; color: #000; border-color: #cecece; border-width: 1px}
input:focus {background: #d9ecfe;}
select:focus {background: #d9ecfe;}
textarea:focus {background: #d9ecfe;}
.submit_button {font-weight: bold; padding: 2px;}
.checkbox {border: none; background: none;}
.error {font-weight: normal; margin: 1em 0; font-size: 13px; color: #000; text-align: center; background: #f4f4f4; border: 1px solid #b40101; border-width: 2px 0; padding: 3px 0; width: 580px;}

body {margin-left: 154px; margin-top: 236px;}
#main_viewer {background: #ffffff url("/attcottonbowlmosaic/images/backgrounds/viewer_background.jpg") no-repeat;}
#main_viewer_pre-gameday {background: #ffffff url("/attcottonbowlmosaic/images/backgrounds/viewer_background_pre-gameday.jpg") no-repeat;}
#main_viewer_gameday {background: #ffffff url("/attcottonbowlmosaic/images/backgrounds/viewer_background_gameday.jpg") no-repeat;}
#main_photo_share{background: #ffffff url("/attcottonbowlmosaic/mosaic/images/backgrounds/sharephoto_bkgrd.gif") no-repeat;}
#main_comment{background: #ffffff url("/attcottonbowlmosaic/mosaic/images/backgrounds/comment_bkgrd.gif") no-repeat;}


/* Styles for the mosaic viewer page */
.search_table {width: 170px; /*background: #ffffff; url("/mosaic/images/backgrounds/search_box.gif") no-repeat;  border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid; */}
/*.search_table td{ border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid; }*/
.search_table_info{width: 166px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;/* border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid; */}
/*.search_table_info td{ border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid; }*/

.social_table {width: 170px;/*background: #ffffff; url("/mosaic/images/backgrounds/info_box3.gif") no-repeat; border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid;*/ }
/*.info_table td{ border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid; }*/
.social_table_info{width: 166px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; /*border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid;*/ }
/*.rating_table_info td{ border-color: #600; border-width: 1px 1px 1px 1px; border-style: solid; }*/

/* Styles for the mosaic comment page */
.comment_table {width: 512px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px;}
.comment_textarea {width: 375px; height: 65px; overflow:auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

/*
.thumb {
  max-width: 512px;
  max-height: 422px;
  width: expression(this.width > 100 ? "512px" : true);
  height: expression(this.height > 100 ? "422px" : true);
}
*/

/* For custom scroll bar */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/* Styles for the Tell A Friend page */
#tell_a_friend td {padding-top: 0px; padding-right: 10px; padding-bottom: 5px; padding-left: 0px;}