/***** The CSS class "Normal" controls the default font *****/
body
{
	font-family: Verdana, Tahoma, Arial, Trebuchet MS !important;
	background-color: #eeeeee;
	color: #545454;
}

.TitleHead
{
	font-size: 18pt;
	color: #1F2877;
	letter-spacing: 0px;
	background-color: White;
}


/******************************************

Menu Overides

*******************************************/
.menu_bar *
{
	font-family: Verdana, Tahoma, Arial, Trebuchet MS !important;
	font-weight: bold;
	font-size: 9pt;
}

/******************************************

Classes for W3C AA accessibility compliance

*******************************************/

#skip a, #skip a:hover, #skip a:visited 
{ 
	position:absolute; 
	left:0px; 
	top:-500px; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
	position:static; 
	width:auto; 
	height:auto; 
}

/* Ensure that the focus is distinct for all input controls and hyperlinks */
a:focus, a:active, a:hover
{
	background-color: black;
	color: white;
}
#LogoArea a:focus, #LogoArea a:active, #LogoArea a:hover { background: none !important; }

/****** END OF SIDE BAR STYLE MODIFICATIONS ******/

.CommandButton
{
	margin-right: 5px;
}

textarea
{
	font-family: Arial;
	font-size: 10pt;
}


.Normal, .sn_promotion_panel, .sn_image_library, .sn_case_study_container
{
	font-size: 10pt;
	font-family: Verdana, Tahoma, Arial, Trebuchet MS !important;
	line-height: 150% !important;
}

.SkinObject
{
	font-size: 10pt;
}

.News_Item_Details_Small
{
	font-size: 8pt;	
	margin-bottom: 10px;
}

.News_Item_Link_Small
{
	font-size: 10pt;	
	font-weight: bold;
}

.content_body
{
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	width: 975px;
	background-repeat: repeat-y;
	padding-left : 10px;
	border-left: solid 1px #d8d8d8;
	border-right: solid 1px #d8d8d8;
}

/* This class ensures that the footer is always placed
   at the bottom of the page if the content isnt' long enough */
.content_vertical_padding
{
	/*min-height: 1300px;*/
}

.header_pane
{
	clear: both;
	width: 985px;
	margin-bottom: 10px;
	padding-top: 3px;
}

.a_place_image
{
	float: left;
	width: 266px;
}

.menu_bar
{
	width: 965px;
	clear: both;
	text-transform: uppercase;
}

.content_pane, .content_pane_full_width
{
	padding-left: 10px;
	/*clear: both;*/
	float: left;
	width: 540px;
	height: 1%;
}

.content_pane_full_width
{
	/*width: 960px;*/
	width : 90%;
}

/*******************************
Side bar and footer styles
*******************************/
.side_bar_container
{
	float: left;
	width: 378px;
	margin-left: 35px;
}

.side_bar
{
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}

/*********************************************************
This setting is required to ensure that alt text
is shown with the correct contrast ratio in the side bar
**********************************************************/
.side_bar a:link, .side_bar a:visited
{
	color: #ffffff;
}

.side_bar a:focus, .side_bar a:active, .side_bar a:hover, .footer a:focus, .footer a:active, .footer a:hover
{
	background-color: #ffffff;
	color: #646464;	
}

.footer a:focus, .footer a:active, .footer a:hover
{
	background-color: #646464 !important;
	color: #ffffff;	
}


.side_bar .TitleHead
{
	font-size: 18pt;
	color: white;
	letter-spacing: 0px;
	background-color: black;
}

.side_bar .CommandButton:link
{
	color: White;	
}

.footer
{
	width: 958px;
	vertical-align: middle;
	clear: both;
	text-align: left;
	background-color: #646464;
	color: #ffffff;
	height: 50px;
	font-size: 10pt;
	padding-left: 10px;
}

.column_pane
{
	float: left;
	width: 460px;
	margin-left: 12px;
}

.light_text,.light_text:link,.light_text:visited
{
	color: #ffffff;
}

/****************************

	COMMON MODULE CLASSES

*****************************/
.sn_promotion_panel h2, .sn_image_library h2, .sn_case_study_link h2
{
	font-size: 14pt;
	color: #ffffff;
	/*background-color: #2A2A2A;*/
	padding-bottom: 5PX;
	text-align: left;
	/*color: #111313;*/
	margin-bottom: 5px;
	margin-top: 0px;
}

/****************************
	PROMOTION PANELS CLASSES
*****************************/
.sn_promotion_panel
{
	border: solid 2px #646464;
	background-color: #646464;
	padding: 10px;
	margin-bottom : 5px;
	color: #ffffff !important;
}

.sn_promotion_panel_image
{
	display: block;
}
.sn_promotion_panel_image a:active,
.sn_promotion_panel_image a:visited,
.sn_promotion_panel_image a:hover
{
	background-color: inherit;
}

.sn_promotion_panel_text
{
	padding-top: 5px;
	color: #ffffff;
}

.sn_promotion_panel_link, .sn_promotion_panel_link:link, .sn_promotion_panel_link:visited
{
	margin-top: 5px;
	padding: 2px;
	color: #ffffff;
	text-align: left;
	text-decoration: underline;
}


/****************************
	IMAGE LIBRARY CLASSES
*****************************/
.sn_image_library
{
	border: solid 2px #646464;
	background-color: #646464;
	padding: 10px;
	margin-bottom : 3px;
	color: #ffffff !important;
}

.sn_image_library_footer
{
	background-color: White;
	margin-top: 2px;
	padding: 2px;
	border: solid 1px #646464;
}

.sn_image_library_button_previous, .sn_image_library_button_next
{
	height: 48px;
	width: 48px;	
	cursor: pointer;
}

.sn_image_library_button_previous
{
	background-image: url(Images/ButtonPrevious.jpg);		
	float: left;
}

.sn_image_library_button_next
{
	background-image: url(Images/ButtonNext.jpg);	
	float: right;
}

.sn_image_library_image
{
	cursor: pointer;
	padding: 3px;
	/*border: solid 5px white;*/
	display: block; /* Strict XHTML needs this otherwise a margin will appear at the bottom of the image */
}

.sn_image_library_image a:active,
.sn_image_library_image a:visited,
.sn_image_library_image a:hover
{
	background-color: inherit;
}

.sn_image_library_container
{
	display: block;
}

.sn_image_library_image_footer
{
	padding-left: 5px;
	background-color: white;
	clear: both;
	
}

.sn_image_library_image_details
{
	padding-top: 10px;
	float: left;
    	width:230px;
    	text-align: center;
	color: #646464;
}

.sn_image_library_image_title
{
	font-weight: bold;
}

.sn_image_library_image_count
{
	padding-top: 2px;
	font-size: 8pt;
}

/*******************************
	LINK DETAILS MODULE CLASSES
********************************/

.sn_link_details
{
	
}

.sn_link_detail
{
	margin-bottom: 5px;	
}

.sn_link_detail_title
{
	color: #1F2877;
	font-weight: bold;
	font-size: 11pt;
	padding-bottom: 5px;
	padding-top: 5px;
}

.sn_link_detail_description
{
	font-size: 10pt;
	margin-bottom: 5px;
}

.sn_link_detail_link_text
{
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
}

.sn_link_detail_footer
{
	background-color: whitesmoke;
}


/****************************************
	CASE STUDY CATEGORIES MODULE CLASSES
*****************************************/

.sn_case_study_categories
{
	
}

.sn_case_study_category_title
{
	font-weight: bold;
	font-size: 12pt;
}

.sn_case_study_category_description
{
	font-size: 10pt;
}

.sn_case_study_category_footer
{
	margin-top: 5px;
	font-size: 10pt;
	background-color: whitesmoke;
}


/****************************************
	CASE STUDY LIST MODULE CLASSES
*****************************************/

.sn_published_case_study_list, .sn_un_published_case_study_list
{
	clear: both;
}

.sn_published_case_study_title, .sn_un_published_case_study_title
{
	font-weight: bold;
	font-size: 12pt;
}

.sn_published_case_study_synopsis, .sn_un_published_case_study_synopsis
{
	font-size: 10pt;
}

/****************************************
	CASE STUDY MODULE CLASSES
*****************************************/

.sn_case_study_title
{
	border-bottom:1px solid #D9D9D9;
}

.sn_case_study_container
{
	
}

.sn_case_study_container a:link
{
	text-decoration: underline;
}

.sn_case_study_synopsis
{
	font-style: italic;	
	margin-bottom: 10px;
}

.sn_case_study_image
{
	margin-left: 15px;
	margin-bottom: 5px;
}

/****************************************
	CASE STUDY LINK MODULE CLASSES
*****************************************/
.sn_case_study_link
{
	/*padding: 5px;
	border-top: solid 3px white;*/
	font-size: 10pt;
	border: solid 2px #646464;
	background-color: #646464;
	padding: 10px;
	margin-bottom : 5px;
	color: #ffffff !important;
}

.sn_case_study_link_image_thumbnail
{
	/*display: block;*/
	/*padding: 5px 5px 0px 5px;*/
}

.sn_case_study_link_image_thumbnail a:active,
.sn_case_study_link_image_thumbnail a:visited,
.sn_case_study_link_image_thumbnail a:hover
{
	background-color: inherit;
}

.sn_case_study_link_synopsis
{
	padding: 5px;
	color: #ffffff;
	line-height: 150%;
}

.sn_case_study_link_footer
{
	margin-right: 5px;
	font-size: 10pt;
	margin-bottom: 5px;
}

.sn_case_study_link_footer a
{
	color: #111313;
	padding: 1px 5px 5px 5px;
	text-align: left;
	text-decoration: underline;
}

/****************************************
	IMAGE RANDOMISER MODULE CLASSES
*****************************************/
.sn_random_image img
{
	margin: 1px;
}
.sn_random_image
{
	background-color: #fff !important;
}

/********************************************
	THE LINK TO THE SOFTWARE NATION WEBSITE
********************************************/
.sn_website_link
{
	text-align: center;
	color: Gray;
	font-size: 8pt;
	clear: both;
	/*width: 1250px;*/
	padding-top: 5px;
	display: none;
}

.sn_website_link a
{
	color: Gray;
}