/* CSS styles for all forms, text and content boxes */

/* @group Text */

h1 {
	font: bold 18px/160% 'Lucida Grande',Verdana;
	color: #07BBF2;
	margin: 0;
	padding: 8px 16px 0px 16px;
	text-align: left;
}

h2 {
	font: bold 14px/160% 'Lucida Grande',Verdana;
	color: black;
	margin: 0;
	padding: 8px 16px 0px 16px;
	text-align: left;
}

h3 {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	color: black;
	margin: 0;
	padding: 8px 16px 0px 16px;
	text-align: left;
}

h4 {
	font: bold 9px/160% 'Lucida Grande',Verdana;
	color: black;
	margin: 0;
	padding: 8px 16px 0px 16px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2px;
}

h5 {
	font: bold 9px/160% 'Lucida Grande',Verdana;
	color: #6d6d6d;
	margin: 0;
	padding: 10px 16px 0px 16px;
	text-align: left;
	text-shadow: white 0px 1px 0px;
}

p {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	color: #6d6d6d;
	margin: 0;
	padding: 8px 16px 2px 16px;
	text-align: left;
}

.intro {
	font: normal normal 11.5pt/175% 'Lucida Grande',Verdana;
	color: #6d6d6d;
	margin: 0;
	padding: 8px 16px 2px 16px;
	text-align: left;
}

b {
	color: black;
	font-weight: bold;
}

ul {
	margin: 0px 0px 0px 14px;
	padding: 5px 16px 0px 32px;
	list-style-image: url(/images/lists/list_bullet.png);
}

ol {
	margin: 0px 0px 0px 14px;
	padding: 5px 16px 0px 32px;
}

li {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	color: #6d6d6d;
	text-align: left;
	margin: 0;
	padding: 0px 0px 0px 3px;
}

blockquote {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	color: #5d5d5d;
	background-color: #efefef;
	margin: 10px 32px 5px 32px;
	padding: 10px 16px 12px 14px;
	text-align: left;
	border-left: 3px solid #07bbf2;
	border-top: 1px solid #d1d1d1;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
}

h1 a, h2 a, h3 a, h4 a, h5 a, p a, ol a, ul a, blockquote a {
	text-decoration: none;
	color: #07BBF2;
	/*border-bottom: 1px solid #dddddd;
	padding-bottom: 1px;*/
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p a:hover, ol a:hover, ul a:hover, blockquote a:hover {
	text-decoration: underline;
	color: #07BBF2;
	/*border-bottom: 1px solid #07BBF2;
	padding-bottom: 0px;*/
}

/* @end */

/* @group Content */

.contenttopgap {
	height: 16px;
}

.contenttop {
	background: url(/images/frames/content_topwhite.gif) no-repeat;
	height: 9px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contenttopblack {
	background: url(/images/frames/content_topblack.gif) no-repeat;
	height: 9px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contenttopsidebar {
	background: url(/images/frames/content_topsidebar.gif) no-repeat;
	height: 9px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contenttopblue {
	background: url(/images/frames/content_topblue.gif) no-repeat;
	height: 9px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contenttopnone {
	background: url(/images/frames/content_topnone.gif) no-repeat;
	height: 4px;
	overflow: hidden;
}

.contentmiddle {
	background: url(/images/frames/content_midwhite.gif) repeat-y;
	padding: 0px 24px;
}

.contentmiddleblack {
	background: url(/images/frames/content_midblack.gif) repeat-y;
	padding: 0px 24px;
}

.contentmiddlesidebar {
	background: url(/images/frames/content_midsidebar.gif) repeat-y;
	padding: 0px 24px;
}

.contentbase {
	background: url(/images/frames/content_basewhite.gif) no-repeat;
	height: 20px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contentbasesidebar {
	background: url(/images/frames/content_basesidebar.gif) no-repeat;
	height: 20px;
	clear:both;
}

.contentbaseblue {
	background: url(/images/frames/content_baseblue.gif) no-repeat;
	height: 20px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contentbasegrey {
	background: url(/images/frames/content_basegrey.gif) no-repeat;
	height: 20px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contentbasedarkgrey {
	background: url(/images/frames/content_basedarkgrey.gif) no-repeat;
	height: 20px;
	overflow: hidden;
	line-height: 2px;
	font-size: 2px;
}

.contentbasespace {
	height: 10px;
	clear: both;
	overflow: hidden;
}

.sidebar {
	width: 168px;
}

.blogcontent {
	width: 476px;
	float: left;
	text-align: left;
}

.blogsidebar {
	width: 200px;
	float: right;
	text-align: left;
}

.blogsidebardiv {
	background: url(/images/frames/sidebar_div.gif) repeat-x;
	height: 2px;
}

.blogcontentdiv {
	margin: 10px 16px 0px 16px;
	background: url(/images/frames/sidebar_div.gif) repeat-x;
	height: 2px;
}

.blogsidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

.blogsidebar li {
	margin: 0;
	padding: 0px 16px 0px 16px;
	list-style: none;
	list-style-image: none;
}

.blogcomments {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

.blogcomments li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

/* @end */

/* @group Forms */

table tr td {
	border: none;
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
}

#table-main {
	font: normal normal 7.2pt Helvetica, Arial, Geneva, sans-serif;
	background: white;
	color: #6d6d6d;
	border: 10px solid white;
}

form {
	margin: 0;
	padding: 0;
}

#table-normal {
	background: white url(/images/frames/form_bglightalt.gif) repeat-x;
	padding: 4px;
}

#table-alt {
	background: #E3E9EB url(/images/frames/form_bglight.gif) repeat-x;
	padding: 4px;
}

#table-highlight {
	background: #2F2F2F url(/images/frames/form_bgdarkgrey.gif) repeat-x;
	color: white;
	padding:4px;
	padding: 4px;
}

#table-label {
	font-weight: bold;
	color: #777;
	padding: 4px;
	text-align: right;
}

#table-colname {
	background: #07BBF2 url(/images/frames/form_bgblue.gif) repeat-x;
	font-weight: bold;
	color: white;
	padding: 4px;
	/*text-align: center;*/
}

#table-colnamealt {
	background: #E78B00 url(/images/frames/form_bgdirtyorange.gif) repeat-x;
	font-weight: bold;
	color: white;
	padding: 4px;
	/*text-align: center;*/
}

.form {
	margin: 0;
	padding: 0;
	clear: both;
}

.formspace {
	margin: 15px 0 0 0;
	padding: 0;
	clear: both;
}

.formblue {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	background: #07BBF2 url(/images/frames/form_bgblue.gif) repeat-x;
	margin: 0px;
	padding: 13px 16px 12px 16px;
	color: black;
	text-align: left;
}

.formred {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	background: #F2001C url(/images/frames/form_bgred.gif) repeat-x;
	margin: 0px;
	padding: 13px 16px 12px 16px;
	color: black;
	text-align: left;
}

.formgreen {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	background: #92D100 url(/images/frames/form_bggreen.gif) repeat-x;
	margin: 0px;
	padding: 13px 16px 12px 16px;
	color: black;
	text-align: left;
}

.formgrey {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	background: #EBEBEB url(/images/frames/form_bglightgrey.gif) repeat-x;
	margin: 0px;
	padding: 13px 16px 12px 16px;
	color: black;
	text-align: left;
}

.formdarkgrey {
	font: bold 11px/160% 'Lucida Grande',Verdana;
	background: #2F2F2F url(/images/frames/form_bgdarkgrey.gif) repeat-x;
	margin: 0px;
	padding: 13px 16px 12px 16px;
	color: black;
	text-align: left;
}

.formtable {
	display: table;
	width: 100%;
}

.formlabel {
	display: table-cell;
	width: 200px;
	text-align: right;
	padding-right: 16px;
	vertical-align: top;
}

.formdata {
	width: 320px;
}

.formdatashort {
	width: 210px;
	margin-right: 10px;
}

.formdataveryshort {
	width: 50px;
}

.formbutton {
	width: 100px;
}

.formxspace{
	margin-right: 10px;
}

.formbuttonwide {
	width: 170px;
}

.formh4 {
	font: bold 9px/160% 'Lucida Grande',Verdana;
	color: white;
	margin: 0;
	padding: 10px 0px 0px 0px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.formtitle {
	color: white;
	font-size: 13px;
	text-align: center;
}

.formerror {
	color: black;
	font-size: 11px;
	text-align: center;
}

.formterms {
	height: 220px;
	width: 320px;
	overflow: auto;
	background: white;
}

.formbuttonpad {
	padding: 16px 16px 12px 16px;
}

.formh4 a, .formblue a {
	text-decoration: none;
	color: black;
	color: rgba(0,0,0,0.7);
	border-bottom: 2px solid #555;
	border-color: rgba(0,0,0,0.2);
	padding-bottom: 0px;
}

.formh4 a:hover, .formblue a:hover {
	text-decoration: none;
	color: black;
	border-bottom: 2px solid #555;
	border-color: rgba(0,0,0,0.7);
	padding-bottom: 0px;
}

.formtitle a {
	text-decoration: none;
	color: white;
	color: rgba(255,255,255,0.7);
	border-bottom: 2px solid #555;
	border-color: rgba(255,255,255,0.2);
	padding-bottom: 0px;
}

.formtitle a:hover {
	text-decoration: none;
	color: white;
	border-bottom: 2px solid #555;
	border-color: rgba(255,255,255,0.7);
	padding-bottom: 0px;
}
	
/*

 @end */

/* @group Align */

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

/* @end */

/* @group Colours */

.blue {
	color: #07BBF2;
}

.orange {
	color: #FF7E00;
}

.red {
	color: #F2001C;
}

.green {
	color: #92D100;
}

.white {
	color: white;
}

.grey {
	color: #6d6d6d;
}

.bluegrey {
	color: #959AA1;
}

.black {
	color: black;
}

/* @end */

/* @group Buttons Big */

#buttonsbig {
	font-size: 9pt;
	color: black;
	font-weight: bold;
	height: 42px;
	overflow: hidden;
}

#buttonsbig ul {
	margin: 0;
	padding: 0px 8px;
}

#buttonsbig li {
	float: left;
	background: url("/images/buttons/buttonbigwhite_left.gif") no-repeat left top;
	margin: 0 0px 2px 1px;
	padding: 0 0 0 15px;
	list-style-type: none;
}

#buttonsbig a, #buttonsbig strong, #buttonsbig span {
	text-decoration: none;
	display: block;
	color: black;
	background: url("/images/buttons/buttonbigwhite_right.gif") no-repeat right top;
	margin: 0;
	padding: 12px 20px 15px 5px;
}

#buttonsbig li:hover, #buttonsbig li:hover a {
	background-position:0% -42px;
}

#buttonsbig li:hover a {
	background-position:100% -42px;
}

#buttonsbig li:active, #buttonsbig li:active a {
	background-position:0% -84px;
}

#buttonsbig li:active a {
	background-position:100% -84px;
}

/* @end */

/* @group Depreciated Styles */

/* Do not use these! They will be deleted soon */

.blueText
{
	color:#07BBF2;
}

.redText
{
	color:#DD0000;
}

.productIntro
{
	font-family:'Lucida Grande',Verdana;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:20px;
	overflow:hidden;
}

.productText
{
	font-family:'Lucida Grande',Verdana;
	font-size:10px;
	color:#6D6D6D;
	font-weight:bold;
	padding-top:0px;
	overflow:hidden;
}

.productItemName
{
	font-family:'Lucida Grande',Verdana;
	font-size:18px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:0px;
	overflow:hidden;
}

.productItemNameLargeDefaultColor
{
   font-family:'Lucida Grande',Verdana;
   font-size:14px;
   font-weight:bold;
   text-align:center;
   padding-top:6px;
}

.productName
{
	font-family:'Lucida Grande',Verdana;
	font-size:14px;
	color:#666666;
	font-weight:bold;
	padding-top:0px;
	overflow:hidden;
}

.productBreadcrumb, .productBreadcrumb a:link, .productBreadcrumb a:visited
{
	font-family:'Lucida Grande',Verdana;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	padding-top:0px;
	overflow:hidden;
	text-decoration:none;
}

.productCodeSmall
{
	position:relative;
	float:left;
	font-family:'Lucida Grande',Verdana;
	font-size:8px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding-top:2px;
	height:10px;
	width:400px;
}

.productCategory
{
	font-family:'Lucida Grande',Verdana;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
}

.supportHeader
{
	font-family:'Lucida Grande',Verdana;
	font-size:14px;
	padding:10px 0px 0px 0px;
	color:black;
	font-weight:bold;
	width:410px;
	overflow:hidden;
}

.supportText
{
	font-family:'Lucida Grande',Verdana;
	font-size:12px;
	color:#6D6D6D;
	font-weight:bold;
	padding-top:15px;
	width:410px;
	overflow:hidden;
}

.supportDisclaimer
{
	font-family:'Lucida Grande',Verdana;
	font-size:9px;
	color:#6D6D6D;
	font-weight:bold;
	text-align:justify;
	padding-top:15px;
	width:410px;
	overflow:hidden;
}

.supportWhiteItem
{
	background-image:url(/images/sidebar_middle_white.gif);
	width:220px;
}

.supportGreyItem
{
	background-image:url(/images/sidebar_middle_grey.gif);
	width:220px;
}

.supportSpan
{
	color:black;
}

.sidebar
{
	font-family:'Lucida Grande',Verdana;
	font-size:11px;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:3px;
	color:#666666;
	padding-left:19px;
}


table
{
	color:white;
	font-family:'Lucida Grande',Verdana;
	font-size:11px;
	font-weight:bold;
}
	
a
{
	text-decoration:none;
	color: #07BBF2;
}

a:hover
{
	text-decoration: underline;
	color: #07BBF2;
}

.textmain { FONT: 11pt 'Lucida Grande',Verdana; color:black; padding-top:10px; padding-bottom:10px; font-weight: bold;}
.textsmall { FONT: 9pt 'Lucida Grande',Verdana; color:black; }
.textlarge { FONT: 24pt 'Lucida Grande',Verdana; color:black; font-weight: bold;}
.msg { FONT: 10pt 'Lucida Grande',Verdana; color: #F2001C; }
.heading-1 {
	font-family:'Lucida Grande',Verdana;
	font-size:20px;
	color:#6D6D6D;
	font-weight:bold;
	width:410px;
	overflow:hidden;
	padding-bottom: 10px;
}
.button { FONT: 10pt 'Lucida Grande',Verdana; font-size: 10px; color: #000000; background-color: #C2C6E2; width: 13em; }
.input {
}

.formwrap {
	background: #eee;
	padding: 4px 5px 5px 5px;
	margin-top: 10px;
	overflow: hidden;
	}

.formdiv {
	background: #D6D6D6 url(/images/forms/form_background.gif) repeat-x;
	padding: 8px 10px 10px 10px;
	margin-top: 1px;
	overflow: hidden;
	font-size: 11px;
	}

.formsmalltype {
	color: #AAAAAA;
	font-size: 10px;
	}

.formleft {
	text-align: left;
	}

.formright {
	text-align: right;
	}

/* @end */