/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
CS - changed html colours, removed body font definitions
*/
html{color:#fff;background:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
Re-define standard settings from reset
*/
em
{
	font-style:italic !important;
}

body
{
	line-height:1.5em;
	font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin:0;
	background: #000;
	overflow:auto;
}

strong
{
	font-weight:bold !important;
}

div
{
	/*overflow:auto;*/
	/* TODO - check why this was set to hidden? */
	/* seems overflow should be set so that divs stretch to wrap around their content */
}

#cs_debug
{
   position:absolute;
   text-align:right;
   top:0px;
   right:5px;
   width:500px;
   height:100%;
   font-size:12px;
}

#cs_debug2
{
   position:absolute;
   top:0px;
   right:5px;
   width:300px;
   height:100%;
   font-size:12px;
   background:#333;
}

#header
{
	padding:5px;
}

#main
{
	font-size:0.875em;
}

.buttons
{
	padding:0.5em;
}

.post_float
{
	clear:left;
	margin:1em 0em;
	padding:1em 0em;
}

.pagination
{
	clear:both;
}

#sortable_thumbs, #updating_thumbs, #thumbs
{
	overflow:auto;
}

.soft_thumb
{
	float:left;
	width:140px;
	text-align:center;
}

.soft_thumb img
{
	background: #fff none repeat scroll 0% 50%;
	border: 1px solid #ccc;
	padding:6px;
	vertical-align:middle;
}

.thumb
{
	clear:none;
	float:left;
	width:140px;
	height:140px;
	line-height:140px;
	text-align:center;
}

.thumb img
{
	background: #fff none repeat scroll 0% 50%;
	border: 1px solid #ccc;
	padding:6px;
	vertical-align:middle;
	line-height:140px;
}

.flir-replaced img
{
	vertical-align:top;
}

div.ajax-loading
{
	background: url(/global/images/loading_medium_on_black.gif) no-repeat center;
}

h1
{
	font-size:1.571em;
	line-height:1.571em;
	margin:0em 0em 0.571em 0em;
	clear:both;
}

h2
{
	font-size:1.286em;
	line-height:1.286em;
	margin:0.286em 0em 0.429em 0em;
	clear:both;
}

h3
{
	font-size:1.143em;
	font-weight:bold;
}

ul.horizontal li
{
   float:left;
   margin-right:1em;
}

img.icon
{
   vertical-align:sub;
   margin-right:5px;
}

/* start navigation */
#top_nav_menu .nav_menu_title
{
	padding:0.429em 0.571em;
	border:1px solid #999;
	background-color:#333;
	overflow:auto;
	display:table;
	float:left;
	color:red;
}

#top_nav_menu a
{
	color:#fff;
}

#footer_nav_menu .nav_menu_title
{
	padding:0em 0.571em;
	overflow:auto;
	display:table;
	float:left;
}

#footer_nav_menu a
{
	color:#999;
	font-size:0.875em;
}

.nav_menu_title
{
	font-weight:bold;
}

#top_nav_empty
{
	font-weight:bold;
	color:#686;
}

#footer_nav_empty
{
	font-weight:bold;
	color:#686;
}

#non_nav_empty
{
	font-weight:bold;
	color:#866;
	margin-bottom:0.5em;
}

.rendered_font
{
	vertical-align:middle;
}

.left_nav .rendered_font
{
   vertical-align:top;
} 
/* end navigation */


/*** START SCROLLBAR ***/
.scrolling_content_area
{
   float:left;
   overflow:hidden;
   padding-right:7px;
   text-align:justify;
}

.scrolling_content_full
{
   width: 923px;
   height: 480px;
   float:left;
   overflow:hidden;
   padding-right:7px;
   text-align:justify;
   /*margin:7px 7px 7px 0px;*/
}

.scrolling_content
{
   width: 773px;
   height: 480px;
   float:left;
   overflow:hidden;
   padding-right:7px;
   text-align:justify;
   /*margin:7px 7px 7px 0px;*/
}

.scrollbar_outer
{
	width: 20px;
   height: 480px;
	float:left;
}

.scrollbar_up
{
   background: url(/global/images/slideshow_controls.png) -528px 0px no-repeat;
   height:12px;
   width:14px;
   display:block;
   margin:0px 3px 4px 3px;
   outline-style:none;
   cursor:pointer;
}

.scrollbar_vertical
{
	background-color: #333;
	width: 20px;
   height: 448px; /* 32 less than scrollbar_outer */
   /*visibility:hidden;*/
}

.handle_vertical
{
	height: 84px;
	width: 20px;
	background: url(/global/images/scrollbar_handle.png) no-repeat;
	cursor:pointer;
}

.scrollbar_down
{
   background: url(/global/images/slideshow_controls.png) -545px 0px no-repeat;
   width:14px;
   height:12px;
   display:block;
   margin:4px 3px 0px 3px;
   outline-style:none;
   cursor:pointer;
}
/*** END SCROLLBAR ***/


div.album
{
	padding:0.429em;
	margin:0.429em;
	border:1px solid #999;
	background-color:#333;
	clear:both;
	overflow:auto;
}

div.album_inner
{
	float:left;
}

div.album div.album_title
{
	font-size:1.286em;
}

div.album div.album_description
{
	font-style:italic;
}

.green_bold
{
	font-weight:bold;
	color:#b7e9a9;
}

.red_bold
{
	font-weight:bold;
	color:#ff9396;
}

div#gallery_albums.gallery_layout_0
{
   overflow:hidden;
   padding-left:37px;
}

div#gallery_album_thumbs 
{
   overflow:hidden;
   padding-left:37px;
}

div.gallery_album
{
	clear:none;
	float:left;
	text-align:center;
}

div.gallery_album_thumb
{
	height:140px;
	line-height:140px;
	width:140px;
}

div.gallery_album_thumb a:hover img
{
   border: 6px solid #999;
}

div.gallery_album_thumb img
{
	/*background: #fff none repeat scroll 0% 50%;*/
	border: 6px solid #fff;
	vertical-align:middle;
}

div.gallery_album_metadata
{
   width:140px;
}

/*** links start ***/
a:link, a:visited
{
	color : #8297be;
	font-weight: bold;
	text-decoration : none;
	outline:none;
}

a:active
{
	font-weight: bold;
	color : #8297be;
}

a:hover
{
	font-weight: bold;
	color : #fb9d3a;
	text-decoration:underline;
}

a.text_button:link, a.text_button:visited, input.text_button
{
   color:#fff;
	background-color:#3b5998;
	border-top:1px solid #d9dfea;
	border-right:1px solid #0e1f5b;
	border-bottom:1px solid #0e1f5b;
	border-left:1px solid #d9dfea;
	padding:0em 0.429em;
	font-weight:bold;
   font-family:'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   margin-right:0.5em;
}

a.text_button:hover, a.text_button:active
{
	background-color:#466cb4;
	text-decoration:none;
}

a.grey:link, a.grey:visited, input.grey
{
	background-color:#666;
	border-top:1px solid #ddd;
	border-right:1px solid #222;
	border-bottom:1px solid #222;
	border-left:1px solid #ddd;
}

a.grey:hover, a.grey:active
{
	background-color:#888;
	text-decoration:none;
}

input.text_button
{
   padding:3px;
}
/*** links end ***/

/* new image button start */
.image_button
{
   -moz-border-radius:12px;
   -webkit-border-radius:12px;
   border-radius:12px;
   padding:3px 20px;
   margin:0 3px;
   font-size:14px;
   font-weight:bold;
   cursor:pointer;
   border:1px solid #4b607d;
   color:#fff;
   white-space:nowrap;
   text-shadow: #000 1px 1px 1px;
   background: url(/global/images/form_button_background.png) repeat-x scroll top;
}

a.image_button
{
   color:#fff;
}

.image_button:hover
{
   background: url(/global/images/form_button_background.png) repeat-x scroll bottom;
   border:1px solid #666;
}

.grey_image_button
{
   border:1px solid #555;
   background: url(/global/images/form_button_grey_background.png) repeat-x scroll top;
}

.grey_image_button:hover
{
   background: url(/global/images/form_button_grey_background.png) repeat-x scroll bottom;
}

.zebra .image_button
{
   padding:1px 2px 0 4px;
   font-size:12px;
   -moz-border-radius:7px;
   -webkit-border-radius:7px;
   border-radius:7px;
   
}
/* new image button end */

/*** app album layouts on gallery page start ***/
.album_layout_0
{
}

.album_layout_1
{
	float:left;
	width:25em;
	height:15em;
}

.album_layout_1 div.album
{
	height:13em;
}
/*** app album layouts on gallery page end ***/

/*** validation start ***/
input.text_field
{
	color:#fff;
	background:#333 url(/global/images/form_input_background.png) repeat-x scroll 0 0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #555;
	padding:2px 4px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1em;
}

input:-webkit-autofill
{
   color: #333 !important;
}

textarea
{
	color:#fff;
	background:#333 url(/global/images/form_input_background.png) repeat-x scroll 0 0;
	border:1px solid #555;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:2px 4px;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:1em;
	height:4em;
}

select
{
   background: #333 url(/global/images/form_input_background.png) repeat-x scroll 0 0;
   color:#fff;
   border:1px solid #555;
   /*padding:2px 4px;*/
   -moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
   outline:none;
}

select.single
{
   background:#333;
}

div.form_row
{
	display:block;
	clear:left;
	padding-top:0.5em;
	overflow:hidden;
}

.error
{
	color:#ff9396;
}

.asterisk
{
	color:#ff9400;
	/*font-size:0.875em;*/
	font-family:"Verdana,Arial";
}

div.form_label
{
	text-align:right;
	width:11em;
	font-weight:bold;
	float:left;
}

div.help
{
	color:#8297be;
	font-weight:bold;
	cursor: help;
	float:left;
	width:1.25em;
	text-align:center;
}

div.help:hover
{
	color:#fb9d3a;
}

div.no_help
{
	float:left;
	width:1.25em;
}

div.form_wide_area
{
	float:left;
	width:60em;
}

div.form_input_elements
{
	float:left;
	width:22em;
}

div.form_input_elements input[type="radio"]
{
   margin-left:1em;
}

div.form_input_elements input[type="radio"]:first-child
{
   margin-left:0;
}

div.form_input_elements .text_field
{
	width:21em;
}

div.validation_label
{
   display:block;
   visibility:hidden;
	float:left;
   position:relative;
   top:0px;
   left:0px;
   cursor: help;
   width:2em;
}

div.no_validation, div.validation_disabled
{
	width:2em;
	display:block;
	float:left;
}

.warning div.validation_label
{
	background:transparent url(/global/images/silk_icons/exclamation.png) no-repeat 5px 5px;
}

.ok div.validation_label
{
	background:transparent url(/global/images/silk_icons/accept.png) no-repeat 5px 5px;
}

div.form_row_description
{
   float:left;
	font-style:italic;
	color:#ccc;
	width:30em;
}

div.form_button_row
{
	display:block;
	clear:left;
	padding:1em 0em 0.5em 0em;
	margin-left:10.25em;
}

.form_disabled, .form_disabled div.form_row_description, .form_disabled .asterisk, .form_disabled .help
{
	color:#666;
}

.form_disabled input.text_field, .form_disabled textarea
{
	background-color:#333;
	border:1px solid #666;
	color:#666;
}

.wysiwyg
{
   clear:both;
}
/*** validation end ***/


/*** lightbox start ***/
.lightbox
{
	padding:10px;
	background-color:#333;
	overflow:auto;
	font-size:0.875em;
	/*height:100%;*/
}

.lightbox_title
{
	font-size:1.286em;
	padding-bottom:5px;
}

.lightbox_buttons
{
	display:block;
	float:right;
	padding-top:20px;
}

#delete_album_title
{
	font-style:italic;
}

.lightbox .thumb
{
	height:auto;
	line-height:1;
	text-align:left;
	width:auto;
	margin-right:10px;
}
/* lightbox end */


/*** message box start ***/
.message_box
{
   /*max-width:500px;*/
   padding:0 0.429em;
   margin:10px 10px 10px 0px;
   font-weight:bold;
   overflow:hidden;
}

span.message_box
{
   margin:0;
}

.mb_green
{
   background:#305f29;
   border:1px solid #95cc8a;
   color:#cfe8c8;
}

.mb_green_faded
{
   background:#000;
   border:1px solid #000;
   color:#b7e9a9;
}

.mb_red
{
   background-color:#800003;
   border:1px solid #cc8a8b;
   color:#ffe1e2;
}

.mb_red_faded
{
   background-color:#000;
   border:1px solid #000;
   color:#ff9396;
}

.mb_yellow
{
   background-color:#7d7237;
   border:1px solid #ccc28a;
   color:#fff;
}

.mb_yellow_faded
{
   background-color:#000;
   border:1px solid #000;
   color:#ccc28a;
}

.message_box a:link, .message_box a:visited
{
	color : #fb9d3a;
	font-weight: bold;
	text-decoration : none;
}

.message_box a:active
{
	font-weight: bold;
	color : #fb9d3a;
}

.message_box a:hover
{
	font-weight: bold;
	text-decoration:underline;
}
/*** message box end ***/


/*** tool tips start ***/
/* TODO: style tooltips properly later, using tip-top and tip-bottom */
.tip
{
	width: 250px;
	z-index: 13000;
	line-height:1em;
	background-color: #3b5a97;
	border:2px solid #acbdde;
}

.tip-title
{
	font-weight: bold;
	font-size:0.750em;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
}

.tip-text
{
	color: #fff;
	font-size: 11px;
	padding: 4px 8px 8px;
	text-align:justify;
}

.link_away_div .tip
{
	background-color:#800003;
   border:2px solid #cc8a8b;
}

.link_away_div .tip-title
{
	color:#ffe1e2;
}

/*** tool tips end ***/




/*** ibox 2.18-CS light start ***/
#ibox_wrapper
{
    background-color:#fff;
    border-color:#fff;
}
#ibox_content { background-color:#fff; border:0; margin: 10px; }
#ibox_loading {
    text-indent: -100000px;
    width: 200px;
    height: 200px;
    background: #fff url('/global/images/loading.gif') center center no-repeat;
}
/*** ibox 2.18CS light end ***/





/*** ibox 2.17c light start ***/
/*#ibox_wrapper {
    padding: 10px 10px 35px 10px;
    border-color:#fff;
    line-height: 25px;
    background-color:#fff;
}
#ibox_content { background-color:#fff; border:0; }

#ibox_footer_wrapper {
    padding: 0 3px;
    bottom: 5px;
    top: auto;
}
#ibox_footer_wrapper a {
    text-indent: -100000px;
    background: #fff url('/global/images/closelabel.gif');
    width: 66px;
    height: 22px;
}

#page_background
{
	background: #000;
}*/
/*** ibox 2.17c light end ***/


/*** milkbox 2.2.1 light start ***/
#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:103;
	cursor: pointer;
}

#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:104;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}

.mbLoading{ background: #fff url(/global/images/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */

#mbCanvas{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }

.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }


/* *** BOTTOM *** */

#mbBottom {
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}

/* navigation */
/* be careful if you change buttons dimensions */

#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}


#mbCount{
	width:55px;
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}

#mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause{
	outline:none;
	display:block;
	float:right;
	height:19px;
	cursor: pointer;
}


#mbPrevLink, #mbNextLink{ width:15px; }
#mbPrevLink{ background: transparent url(/global/images/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(/global/images/milkbox/next.gif) no-repeat; }/* IMAGE: next */

#mbPlayPause{ width:13px; }
#mbPlayPause{ background: transparent url(/global/images/milkbox/play-pause.gif) no-repeat; }/* IMAGE: prev */


/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; }

#mbCloseLink {
	width:17px;
	background: transparent url(/global/images/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */

#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}
/*** milkbox 2.2.1 light end ***/