/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	background-color:#31394A;
	background-image:url(../images/bgmain.gif);
	background-position:top center;
	background-repeat:repeat-x;
	width:100%;
}
td {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.tdmain{
	background-color:#FFFFFF;
	border-left:1px solid #1B212B;
	border-right:1px solid #1B212B;
}
.tdmain{
	background-color:#FFFFFF;
	border-left:1px solid #1B212B;
	border-right:1px solid #1B212B;
}
.tdnav{
	background-color:#FFFFFF;
	background-image:url(../images/bgnav.gif);
	background-position:top center;
	background-repeat:repeat-x;
	padding:0 10px 0 10px;
}
h1 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 12px 0;
}
a:link, a:visited {
	color:#E31E83;	
}
a:hover, a:active {
	color:#757575;	
}


/* ----- Text ----- */
.textpink{
	color: #E31E83;
}
.textpinklarge{
	color: #E31E83;
	font-size:14px;
}
.textsmall{
	font-size: 11px;
}


/* ----- Panels ----- */
.bbtop{
	border-top:1px solid #ABD2F7;
	background-color:#CFE8FF;
}
.bbbot{
	border-bottom:1px solid #ABD2F7;
	background-color:#CFE8FF;
}
.bbleft{
	border-left:1px solid #ABD2F7;
	background-color:#CFE8FF;
}
.bbright{
	border-right:1px solid #ABD2F7;
	background-color:#CFE8FF;
}
.bbcolour{
	background-color:#CFE8FF;
}


.ggtop{
	border-top:1px solid #D1D1D1;
	background-color:#EAEBF0;
}
.ggbot{
	border-bottom:1px solid #D1D1D1;
	background-color:#EAEBF0;
}
.ggleft{
	border-left:1px solid #D1D1D1;
	background-color:#EAEBF0;
}
.ggright{
	border-right:1px solid #D1D1D1;
	background-color:#EAEBF0;
}
.ggcolour{
	background-color:#EAEBF0;
}
.ggtopbot{
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	background-color:#EAEBF0;
}
.ggcurve {
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	background-image:url(../images/panels/gg_curve.gif);
	background-position:center left;
	background-repeat:no-repeat;
	background-color:#E1E3EA;
}
.ggborder {
	border:1px solid #D1D1D1;
}
.ggbutton {
	margin:10px 5px 10px 25px;
}
.gg2right{
	border-right:1px solid #D1D1D1;
	background-color:#E1E3EA;
}

/* ----- Footer ----- */
.footer {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#57616B;
	background-image:url(../images/bgfooter.gif);
	background-position:top center;
	background-repeat:repeat-x;
	height:30px;
}
.footer a:link, .footer a:visited {
	color:#57616B;
	text-decoration:none;
}
.footer a:hover, .footer a:active {
	color:#E42888;
}


/* ----- Forms ----- */
form {
	margin:0px;
	padding:0px;
}
.input {
	padding:3px;
	height:24px;
	border:1px solid #CFD8DA;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#858B92;
}
textarea, select {
	padding:3px;
	border:1px solid #CFD8DA;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#858B92;
}

#basic_form input {
	padding:3px;
	height:24px;
	border:1px solid #CFD8DA;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#858B92;
}



/* ----- Login ----- */
.bodylogin {
	background-color:#E0E0E0;
	background-image:none;
}
.login_bg_topmid {
	background-image:url(../images/login/bg_topmid.jpg);
	background-position:tope;
	background-repeat:repeat-x;
}
.login_bg_bottommid {
	background-image:url(../images/login/bg_bottommid.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.login_bg_midleft {
	background-image:url(../images/login/bg_midleft.jpg);
	background-position:top left;
	background-repeat:repeat-y;
}
.login_bg_midright {
	background-image:url(../images/login/bg_midright.jpg);
	background-position:top right;
	background-repeat:repeat-y;
}
.login_button {
	background-color:#E21C82;
	color:#FFFFFF;
	border:1px solid #8E0B4F;
	cursor:pointer;
}
#login_bg_navbar {
	padding-left:10px;
	background-image:url(../images/login/bg_navbar.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:26px;
}
#login_bg_navbar a:link, #login_bg_navbar a:visited {
	text-decoration:none;
	color:#FFFFFF
}
#login_bg_navbar a:active, #login_bg_navbar a:hover {
	text-decoration:underline;
	color:#FFFFFF
}
#login_bg_help {
	padding-right:10px;
	background-image:url(../images/login/bg_needhelp.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:24px;
	color:#FFFFFF
}
#login_bg_help a:link, #login_bg_help a:visited {
	text-decoration:none;
	color:#FFFFFF
}
#login_bg_help a:active, #login_bg_help a:hover {
	text-decoration:underline;
	color:#FFFFFF
}
#login_links_grey {
	color:#737373;
}
#login_links_grey a:link, #login_links_grey a:visited {
	text-decoration:none;
	color:#737373;
}
#login_links_grey a:active, #login_links_grey a:hover {
	text-decoration:underline;
	color:#737373;
}

/* ----- Account ----- */
.account_main {
	border:5px solid #E9E9E9;
	border-top:0;
}
.account_head {
	border-right:1px solid #C0C0C0;
}
.account_left {
	border-right:1px solid #E9E9E9;
	border-bottom:1px solid #E9E9E9;
}
#account_cancel a:link, #account_cancel a:visited, #account_cancel a:active {
	padding-left:20px;
	color:#A8A9AA;
	font-size:11px;
	text-decoration:none;
}
#account_cancel a:hover {
	text-decoration:underline;
}



/* ----- Examples ----- */
#example h1 {
	color:#18548C;
	font-size:16px;
	margin:0;
}
#example h2 {
	color:#E00A78;
	font-size:14px;
	font-weight:normal;
	margin:0 0 10px 0;
}