/* Manager stylesheet 23rd October 2006 11:33 - - - - - - - - - - - - - - - - - - */


/* - - - - - site wide tags -- - - - - - - -- -- - - -*/
/* - - - - - main div tags - - - - - - - - -- -- - - -*/
/* - - - - - Login page - - - - - - - - - - - -- - - -*/
/* - - - - - Kudos and Ad users pages - - - - -- - - -*/
	/* - - - - - - -tabs -- - - - - - -*/
	/* - - - - - - -pagination -- - - - - - -*/
	/* - - - - - - -Local info and extra buttons (clear and delete users) -- - - - - - -*/
	/* - - - - - - -main kudos/ad user table -- - - - - - -*/

/* - - - -- -view ad and kudos user data (no of aspects etc...) -- - - - - - - -*/
/* - - - -- -create new users -- - - - - - - -*/
/* - - - -- -are you sure you want to delete/clear ad/kudos users? -- - - - - - - -*/
/* - - - - --change user details -- - - - - - - */

/* - - - - - Support Materials - - - - - - - - -*/
/* - - - - - Footer - - - - - - - - - - - - - - */

/* ---------------------------------------------------*/
/* - - - - - site wide tags -- - - - - - - -- -- - - -*/
/* ---------------------------------------------------*/

body, p, ul, ol, li, a, h1, h2, h3, h4, table, th, tr, td, form, input, fieldset, label { 
	margin: 0; 
	padding: 0;
}

body {
	/*background-color: #EEF0F4;*/
	background-color: white;
	font-family: verdana, helvetica, arial, san serif;
	font-size: 0.9em;
}

p {
/*	padding: 10px 60px;
	clear: both;
	width: auto;*/
}

.hidden, .invisible {
	display: none;
}

li {
	list-style-type: none;
	list-style-position: inside;
}

a {
	color: #974750;
}

a:hover {
	text-decoration: none;
}

table {
	width: 98%;
	margin: 0 0 0 15px;
}

input.buttonstyle, a.buttonstyle {
	background: #110C74 url(images/submit-bg.gif) top center no-repeat;
	border: 1px inset #1F1A7C;
	color: white !important;
	cursor: pointer;
	padding: 0.3em 0.8em;
	margin: 5px 10px 10px 0;
/*	float: left;
	display: block;*/
	font-size: 0.9em;
	text-decoration: none;
}

/*IE bug fix */
input.buttonstyle {
	width: auto !important;
	overflow: visible;
}

a.buttonstyle {
	padding-bottom: 0.45em;
}

input.buttonstyle:hover, a.buttonstyle:hover {
	background: #110C74 url(images/submithover-bg.gif) bottom center no-repeat;
	text-decoration: underline;
	border-style: outset;
}


/* ---------------------------------------------------*/
/* - - - - - main div tags - - - - - - - - -- -- - - -*/
/* ---------------------------------------------------*/

#maincontainer {
	width: 96%;
	height: 100%;
	background-image: url(images/containerbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: white;
	margin: auto;
	padding: 0;
}

#logoutbar {
	background-image: url(images/logoutbarbg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	height: 80px;
}

#logoutbar h1 {
	float: right;
	margin: 35px 60px 0 0;
	width: 380px;
	height: 30px;
	text-align: center;
	color: white;
	padding-top: 0.5em;
	font-size: 0.9em;	
}

* html #logoutbar h1, * html #logoutbar ul {
	display: inline;
}

#logoutbar ul {
	width: 200px;
	float: right;
	margin-right: 10px;
}


#logoutbar li {
	margin-top: 5px;
	float: left;
	text-align: center;
}

#logoutbar li a {
	color: white;
	display: block;
	padding: 5px 22px;
	background-image: url(images/exit_btn.gif);
	background-position: center right;
	background-repeat: no-repeat;
}

#logoutbar li#helpcentralbtn a {
	background-image: url(images/help_btn.gif);
}

#logoutbar li#printbtn a {
	background-image: url(images/print_btn.gif);
}






/* ---------------------------------------------------*/
/* - - - - - Login page - - - - - - - - - - - -- - - -*/
/* ---------------------------------------------------*/


#loginbtn {
	float: right !important;
	margin: 10px 10px 0 0 !important;
	/*width: 100px;
	height: 34px;
	padding: 0 !important;

	text-align: center;
	background-image: url(images/loginbtn.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;
/*	text-decoration: none;	*/
}

#intro {
	padding-left: 60px !important;
	margin: 0;
	width: 40%;
	float: left;
}

#help {
	padding: 0 60px !important;
	margin: 0;

}

#introusers, #bodybits {
	padding: 1em 1.5em;
}

#introusers p, #bodybits p {
	padding: 1em 0;
}

#introusers h1, #intro h1, #bodybits h1, #allslips h1 {
	color: #001D74;
	font-size: 1.4em;
}

#introusers ul, #bodybits ul {
	margin-left: 0;
}

#introusers ul li img {
	vertical-align: middle;
}

#intro p, #help p {
	margin: 0 !important;
	padding: 1em 0 !important;
}

#help ul, #help ol {
	padding-bottom: 1em !important;
}

fieldset#loginbox {
	display: inline;
	width: 286px !important;
	padding: 10px 0 20px 15px;
	background-image: url(images/loginbg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	float: right;
	border: none;
	margin: -10px 90px 0 0;
}

fieldset#loginbox p {
	padding: 10px 0 !important;
/*	margin-top: 30px;*/
	color: #2F4589;
/*	background-color: #EAEAF2;*/	
}

* html fieldset#loginbox {
	margin-top: -15px;
}

* html fieldset#loginbox legend {
	padding-top: 10px;
}

fieldset#loginbox label {
	display: block;
	width: 150px;
	float: left;
	padding: 5px 0;
	clear: left;
	color: #2F4589;
	background-color: transparent;
}

fieldset#loginbox input {
	width: 120px;
	float: left;
	margin: 5px 0;
}

* html fieldset#loginbox input {
	margin: 5px 0;
}

fieldset#loginbox p.error {
	color: red;
	font-size: 0.8em;
	width: 272px;
	padding: 3px;
	border: 1px dotted red;
	clear: both;
	margin: 0 0 10px 0 !important;
}



/* ---------------------------------------------------*/
/* - - - - - Kudos and Ad users pages - - - - -- - - -*/
/* ---------------------------------------------------*/






/* - - - - - - - tabs - - - - - - - - - - - -*/


#tabs {
	/*width: 100%;*/
	margin: 0 15px;
}

#tabs ul {
	margin: 0;
	padding-left: 0;
	height: 30px;
	border-bottom: 1px solid #001D74;
}

#tabs li {
	float: left;
	width: auto;
	height: 25px;
	padding: 5px 0 0 15px;
	margin: 0 5px 0 -3px;
	text-align: center;
	background-image: url(images/tabs.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

* html #tabs li {
	width: 180px;
}

* html #tabs li.currenttab {
	width: 195px !important;
}


#tabs li.activetab, #tabs li.activetab a {
	background-image: url(images/tabs-inactive.jpg);
	font-size: 0.9em;
}

#tabs li.currenttab {
	margin-top: -5px;
	padding: 10px 0 0 15px;
	color: white;

}

#tabs a, #tabs li.currenttab strong {
	color: white;
	display: block;
	height: 25px;
	padding: 5px 15px 0 0;
	margin-top: -5px;
	background-image: url(images/tabs.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	font-size: 0.9em;	
}

#tabs li.currenttab strong {
	padding: 10px 15px 0 0;
	margin-top: -10px;
}






/* - - - - - - - pagination -- - - - - - -*/


#usernumber {
	background-color: #001D74;
	color: white;
	padding: 1px 20px;
	font-size: 0.9em;
	height: 1.8em;
	margin: 0 15px;
}

#usernumber p {
	margin: 0.3em 0 0 0;
	padding: 0;
}

#pageOptions {
	float: right;
	margin-top: -1.3em;
}

#pageOptions a {
	color: white;
}

#pageOptions p {
	padding: 0;	
	display: inline;
}






fieldset#csvbuttons {
	border: none;
}

#csvbutsection {
	margin: 0px 0px 10px 0px;
}

#csvbutsection input.widebutton {
	/*width: 180px;
	height: 34px;
	padding: 0 !important;
	text-align: center;
	background-image: url(images/loginbtn-white-wide.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;*/
}








/* - - - - - - - extra buttons - - - - - */

fieldset#extrabuttons {
    margin: -0.5em 0 0.5em 0;
    padding: 0;
    /*display: inline;*/
}

fieldset#extrabuttons input.widebutton {
	width: 200px;
	height: 34px;
	padding: 0 !important;
	text-align: center;
	background-image: url(images/loginbtn-white-wide.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;
}
/*
fieldset#extrabuttons input.widebutton2 {
	width: 142px;
	height: 34px;
	padding: 0 !important;
	text-align: center;
	background-image:url(images/loginbtn-white-wide.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;
}
*/
/*#leftbuttons a {
	display: block;
	margin-left: 380px;
	margin-top: -20px;
	width: 100px;
}*/

#printslipbuttons {
    float:left;
    padding:2px;
    margin-right: -20px;
}
#printslipbuttons a {
	/*display: block;*/
	background: url(images/newprint_btn.gif) no-repeat;
	padding: 8px 30px;
}


#allbuttons {
	text-align: center;	
}

#leftbuttons {
	float:left;
	margin:5px 0pt 0pt 15px;
	text-align:left;
}

#rightbuttons {
	float:right;
	margin:5px 15px 0 0;
	text-align:right;
}

/*
** Changed.  The style should be a class as we need other input fields 
   to be displayed differently **

fieldset#extrabuttons input {
	width: 200px;
	height: 34px;
	padding: 0 !important;
	text-align: center;
	background-image: url(images/loginbtn-white-wide.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;
}
*/

fieldset#extrabuttons input.widebutton:hover {
	text-decoration: underline;
}

fieldset#extrabuttons legend {
	/*display: table-cell;
	visibility: collapse;*/
	text-indent: -9999px;
	/*color:#001d74;
	font-weight:bold;
	padding-left:1.5em;*/
}

* html fieldset#extrabuttons legend {
	visibility: hidden;
}






/* - - - - - - - main kudos/ad user table -- - - - - - -*/



.inbox {
	border-style: none;
	border-width: 0;
	font-family: verdana, helvetica, arial, san serif;
}

.colFore_sel {
	border-right: 1px solid #20367F;
}

.colFore_sel,  input.colFore_sel:active {
	background: #EEF0F4;
}

.colSur_sel {
	border-right: 1px solid #20367F;
}

.colSur_sel,  input.colSur_sel:active {
	background: #EEF0F4;
}

body.kol fieldset {
	border: none;
}

body.kol legend {
	color: white;
}

/*table {
	margin: 10px 0 0 1%;
	clear: left;
	width: 98%;
}*/
/*
table caption {
	font-size: 1.2em;
	color: #001D74;
	text-align: left;
	padding: 15px 0 0px 0;
	text-indent: 15px;
	width: 500px;
}*/

* html table caption {
	padding-top: 0 !important;
}

/*
th {
	background-image: url(images/tabletop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 3px 7px 0px 1px;
}
*/

td {
	text-align: center;
	border-bottom: 1px solid #20367F;
	font-size: 0.75em;
	background-color: #EEF0F5;
}

th.marker_start, th.marker_end, th.marker_info, th.marker_edit_hdr {
	background-image: none;
	border-bottom: none;	
	padding: 0;
}

th.marker_info, th.marker_edit_hdr {
	width: 30px !important;
}

th.marker_start {
	background-image: url(images/tabletop.jpg);
	background-position: top center;
	background-position: top left;
}

td.marker_start {
	border-left: 1px solid #20367F;
	border-bottom: 1px solid #20367F;
	padding-left: 10px;
}

td input {
	margin: 0 !important;
	padding: 0 !important;
}

th.right {
	background-position: top right;
}

th a, th h3 {
	color: white;
}

/* The colour of the column header chanages to when it's sorted by this column */
th a.selected {
	color: yellow;
}

/* The background styling on the row the sort direction arrow appears */
tr#subhead td {
	background-color:#304586;
}

th h3 {
	margin: 0;
	padding: 2px;
	font-size: 1em;
}

th a {
	font-size: 0.8em;
}
/*
.im {
	margin: 0;
	padding: 0;
}*/



#key {
	padding: 15px;
	width: 580px;
	margin: 1em 0 0 0;
	background-color: #F2F1FC;
}

#key p {
	padding-left: 30px;
}

#key p img {
	vertical-align: middle;
	padding: 5px 10px 5px 0;
	margin-left: -30px;
}

/*
td a {
	display: block;
	width: 30px !important;
	height: 30px !important;
	background-image: url(images/moreinfo.gif);
	background-repeat: no-repeat;
	cursor: pointer !important;
}
*/

td.marker_edit a {
	background-image: url(images/editinfo.gif);
	background-repeat: no-repeat;	
}

/*
td a:hover {
	background-image: url(images/moreinfo_f2.gif);	
}
*/

td.marker_edit a:hover {
	background-image: url(images/editinfo_f2.gif);	
}

span.hidelabel {
	display: none;
}

td.marker_info, td.marker_edit {
	border-bottom: none;
	width: 30px !important;
}

body.kol fieldset {
	border: none;
}

body.kol legend {
	color: white;
}
/*
table {
	margin: 0 0 0 1%;
	clear: left;
	width: 98%;
}
*/
table caption {
	text-indent: -10000px;
	margin-top: -0.5em;
/*	font-size: 1.2em;
	color: #001D74;
	text-align: center;
	padding: 0;
	text-indent: 15px;
	line-height: 2em;*/
}
/*
* html table caption {
	padding-top: 0 !important;
}*/

/* The default attributes for the th */
th {
	padding: 3px 7px 3px 5px;
	text-align: left;	
}

th {
	background: #052071 url(images/tabletop.jpg) top center no-repeat;
	padding: 3px 7px 3px 5px;
	text-align: left;	
}


/*
th#liketh {
	width: 10%;
}

th#skillth {
	width: 10%;
}
*/

th img {
	vertical-align: middle;
}

td {
	text-align: left;
	border-bottom: 1px solid #20367F;
	font-size: 0.75em;
	background-color: #F2F1FC;
}

th.marker_start, th.marker_end, th.marker_info, th.marker_edit_hdr {
	background-image: none;
	border-bottom: none;	
	padding: 0;
}

th.marker_info, th.marker_edit_hdr {
	width: 30px !important;
}

th.marker_start {
	background-image: url(images/tabletop.jpg);
	background-position: top center;
	background-position: top left;
	width: 40px;
	padding-left: 10px;
}

td.marker_start {
	border-left: 1px solid #20367F;
	border-bottom: 1px solid #20367F;
	padding-left: 10px;
}

td input {
	margin: 0 !important;
	padding: 0 !important;
}

/* Create Edit User table input sizes */


/*
td.colUser {
	width: 10%;
}

td.colFore, td.colSur, td.colEmail {
	width: 20%;
}
td.colGroup, td.colPass {
	width: 15%;
}
*/

th.right {
	background-position: top right;
}

th a, th h3 {
	color: white;
}

/* The colour of the column header chanages to when it's sorted by this column */
th a.selected {
	color: yellow;
}

/* The background styling on the row the sort direction arrow appears */
tr#subhead td {
	background-color: #243D80;
}

th h3 {
	margin: 0;
	padding: 2px;
	font-size: 1em;
}

th a {
	font-size: 0.8em;
}

.messagebad {
	color: red;
}

.messagegood {
	color: green;
}

/*
td a {
	display: block;
	width: 30px !important;
	height: 30px !important;
	background-image: url(images/moreinfo.gif);
	background-repeat: no-repeat;
	cursor: pointer !important;
}
*/

td.marker_edit a {
	background-image: url(images/editinfo.gif);
	background-repeat: no-repeat;	
}

/*
td a:hover {
	background-image: url(images/moreinfo_f2.gif);	
}
*/

td.marker_edit a:hover {
	background-image: url(images/editinfo_f2.gif);	
}

span.hidelabel {
	display: none;
}

td.marker_info, td.marker_edit {
	border-bottom: none;
	width: 30px !important;
}

td.centercell {
	text-align: center;
	padding: 2px;
	border-right: 1px solid #20367F;
}

td.centerleft {
	text-align: center;
	padding: 2px;
	border-right: 1px solid #20367F;
	border-left: 1px solid #20367F;
}

td {
	padding: 0.5em;
}




/* - - - - - - - Admin page -- - - - - - -*/

#admin {
	padding: 15px;
}

#admin p {
	padding-bottom: 1em;
}

#admin p.strong {
	font-weight: bold;
}

div.section {
	margin-bottom: 1em;
	border-bottom: 1px solid #001D74;
}

fieldset#changegroups div.section, fieldset#weblink div.section, fieldset#subjectBlocks div.section {
	padding: 1em;
	background-color: #F2F1FC;
	border: none;
}

fieldset#adminemail, fieldset#localinfo, fieldset#weblink {
	margin: 0;
	padding: 0;
}

fieldset#localinfo input#localInfoUrlKudos, fieldset#localinfo input#localInfoUrlAd {
	width: 250px;
}

#admin legend, #admin legend, #admin legend {
	color: #001D74;
	font-weight: bold;
	padding: 0 0 1em 0;
}

fieldset#localinfo p, fieldset#adminemail p, div.groupFieldContainer {
	padding-bottom: 0.8em;
}

fieldset#adminemail label, fieldset#localinfo label, fieldset#weblink label, fieldset#changegroups label {
	font-size: 0.9em;
	padding: 0 0.5em 0 0;
	font-weight: bold;
}

fieldset#weblink p {
	padding-bottom: 0.7em;
}

#termsAndConditions {
	margin-top: 1em;
}

fieldset#weblink #termsAndConditions p, #termsAndConditions ul li {
	padding-bottom: 0.5em;
	font-size: 0.9em;
}

#termsAndConditions ul {
	padding-bottom: 0.5em;
}

#termsAndConditions ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 1em;
}

#admin p.strong {
	font-weight: bold;
}

fieldset#weblink #termsAndConditions label {
	color: #001D74;
	font-weight: bold;
}

input.change:hover {
	text-decoration: underline !important;
}

.bluetext {
	color: #001D74;
}

#admin p.smalltext {
	font-size: 0.9em;
}

fieldset#changegroups div.section {
	margin-bottom: 1em;
}

fieldset#subjectBlocks ul li {
	font-size: 0.9em;
	padding-bottom: 0.5em;
}

/*input.change {
	width: 100px;
	height: 34px;
	padding: 0 !important;
	margin: 10px 10px 0 0 !important;
	text-align: center;
	background-image: url(images/loginbtn-white.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	cursor: pointer;
	display: inline;
}
*/




/* - - - - - - - view ad and kudos user data (no of aspects etc...) -- - - - - - - -*/


#kadoluserdata h1, #kadoluserdata h2 {
	padding: 0.5em 0;
	font-size: 1.4em;
	color: #001D74;
}

#kadoluserdata h1 {
	padding-bottom: 0.2em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #001D74;
	margin-top: 20px;
}

#kadoluserdata h2 {
	font-size: 1.2em;
	margin-top: 20px;
}

#kadoluserdata ul li {
	margin-left: 1.2em;
	list-style: circle;
/*	list-style-type: inside !important;*/
}



/* - - - - - - - login slips and help - - - - - - - - -*/

#kadolslips div.slips, #kadolslips div.breakslips {
	padding: 1em 0;
	border-top: 1px dashed #001D74;	
}

#kadolslips h1, #kadolslips h2, #help h1, #help h2 {
	padding: 0.5em 0;
	font-size: 1.4em;
	color: #001D74;
}

#help h1 {
	font-size: 1.5em;
}

#kadolslips h1 {
	padding-bottom: 0.2em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #001D74;
}

#kadolslips h2 {
	font-size: 1.2em;
	padding-top: 0;
}

#kadolslips p {
	padding: 8px 0;
}

#kadolslips p.noprint {
	padding-bottom: 1em;
}

#kadolslips img {
	vertical-align: bottom;
	padding: 0 20px 0 0;
	margin: 0;
}

#help h2 {
	font-size: 1.4em;
	border-bottom: 1px dashed #001D74;
	padding-bottom: 0;
	margin-right: 10em;		
}

a#createusers {
	padding: 0 !important;
}

#help h3 {
	font-size: 1.1em;
	padding: 1em 0 0.6em 0;
}

#help ul, #help ol {
	padding-left: 2em;
}

#help li {
	padding: 0.5em 0;
	list-style-type: square !important;
}

#help ol li {
	list-style-type: decimal !important;
}

#help h4 {
	font-size: 1em;
	padding: 0.5em 0;
}

#help code {
	font-size: 1.3em;
	padding-left: 2em;
	color: #001D74;
}

#help em {
	color: #001D74;
}

#help p {
	line-height: 2em;
	padding: 0.5em 0 !important;
}


/* ------------------------------------------------------*/
/* - - - - - - - - - - -create new users -- - - - - - - -*/
/* ------------------------------------------------------*/



.groupFieldContainer ul {
	background-color:#FFFFFF;
	border:1px solid #000000;
	height:auto;
	margin-left:1px;
	overflow:auto;
	padding-left:0px;
	width:auto;
	margin-right:-1px;
}

.groupFieldContainer li {
	color:black;
	cursor:pointer;
	list-style-type:none;
	margin:0px;
	padding:3px;
	font-size:12px;
}

.groupFieldContainer li.selected {
	background-color:#F2F1FC;;
}



/*
div.auto_complete {
	background-color:white;
	border:1px solid #888888;
	margin:0px;
	padding:0px;
	position:absolute;
	width:250px;
}

ul.groups {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.groups li.selected {
	background-color:#FFFFBB;
}

li.groups {
	display:block;
	height:32px;
	list-style-type:none;
	margin:0pt;
	padding:2px;
}

li.groups div.name {
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
}

*/

#createwhich legend, #createcsvusers legend, #createsure legend, #createuser legend, #createnusers legend {
	display: block;
	font-weight: bold;
	color: #243D80;
	padding: 0 0 1em 0;	
}

#createwhich p, #createcsvusers p, #createsure p, #createuser p, #createnusers p {
	padding: 0 0 1em 0;	
}

#createusers {
	padding: 15px;
/*	display: float;*/
}

#createusers h2 {
	color: #243D80;
	background-color: inherit;
	font-size: 1em;
	padding-bottom: 1em;
}

#createusers fieldset, fieldset {
	border: none;
}

#createusers input {
/*	margin-left: 1em;
	margin-top: 1em;*/
}

#createusers input.wideemail {
/*	margin-left: 1em;
	margin-top: 1em;*/
	/*width: 150px;*/
}

#createdusers {
	margin-left: 1em;
}

#createusers table {
	width: 100%;
	margin: 0 0 1em 0;
}

td.colSur input {
	width: 115px;
}

td.colFore input {
	width: 115px;
}

td.colUser input {
	width: 115px;
}

td.colPass input {
	width: 100px;
}

td.colEmail input {
	width: 150px;
}

td.colGroup input {
	width: 100px;
}

td.col1, td.colUser, td.colPass, td.colFore, td.colSur, td.colEmail, td.colGroup {
/*	padding: 2px;*/
	border-right: 1px solid #20367F;
}

td.colborderall {
	border-right: 1px solid #20367F;
	border-left: 1px solid #20367F;
}

td img {
	vertical-align: bottom;
}

/*
.buttonstyle {
	width: 200px;
	height: 34px;
	padding: 0 !important;
	text-align: center;
	background-image: url(images/loginbtn-white-wide.gif);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;
}*/

#announcement {
	color: #974750;
	border: 1px solid #974750;
	padding: 0 1em;
	margin: 1em 0;
}






/* -------------------------------------------------------------------------------------------*/
/* - - - - - - - - - - -are you sure you want to delete/clear ad/kudos users? -- - - - - - - -*/
/* -------------------------------------------------------------------------------------------*/


/*#bodybits p, #bodybits ul {
        margin: 1em 0em 1em 2em;
}
*/
#bodybits li {
    /*    margin-left: 5em;*/
        list-style-type: circle;
}
/*
#bodybits #areyousure {
	margin-left: 60px;
}*/
/*
#bodybits #areyousure input {
	float: none;
	margin-left: 50px;
	background-image: url(images/loginbtn-white.gif);	
}

#bodybits #areyousure input {
	float: none;
	margin-top: none;
}


#areyousure input {
	float: right;
	width: 100px;
	height: 34px;
	padding: 0 !important;
	margin: 10px 10px 0 0 !important;
	text-align: center;
	background-image: url(images/loginbtn.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	background-color: transparent;
	line-height: 34px;
	cursor: pointer;

}

*/
#areyousure li {
        list-style-type: none;
}

#areyousure ul {
        margin-left: 2em;
}

#areyousure input {
        margin-right: 0.5em;
}

#areyousure {
	margin: 1em 0;
	float: left;
	display: inline;
}

#areyousure ul li {
	width: auto;
	float: left;
	margin: 0;
}








/* ---------------------------------------------------------*/
/* - - - - - - - - - - -change user details -- - - - - - - -*/
/* ---------------------------------------------------------*/




#infosection, #kadoluserdata, #kadolslips {
	padding: 1em 1.5em;
}

/*#kadolslips hr {
	color: white;
	border: none;
	border-bottom: 1px dashed #1F3C82;
}*/

#infosection fieldset {
	border: none;
	width: 500px;
}

#infosection legend, #infosection p {
	padding: 1em 0;
	margin: 0;
}

#infosection label, #infosection input {
	padding: 0 10px 0 0;
	width: 200px;	
	margin: 5px 0;
	float: left;
	clear: left;
}

#infosection input {
	width: 170px;
	clear: none;
}

#infosection input#submitbtn {
	clear: left;
	width: 200px;	
	height: 34px;
	background-image: url(images/loginbtn-white-wide.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	cursor: pointer;
	color: white;
	margin-left: 200px;
	display: inline;
	text-decoration: underline !important;
}

#kadoluserdata h2, #kadoluserdata h3, #kadoluserdata h4 {
	padding: 0.7em 0;
	color: #001D74;
}

#kadoluserdata h3, #kadoluserdata h4 {
	font-size: 1em;
	color: black;
}	

#kadoluserdata h4 {
	color: black;
}


/* ------------------------------------------------------*/
/* - - - - Support Materials - - - - - - - - - - - - - - */
/* ------------------------------------------------------*/

#supportmaterials {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#supportmaterials h2 {
	color: #001D74;
	font-size: 1.2em;
}

#supportmaterials ul {
	margin: 1em 0;
	padding: 0;
}

#supportmaterials li {
	background: url(images/htmlicon.gif) left no-repeat;
	padding: 0.25em 2em;
}

#supportmaterials li.pdf {
	background-image: url(images/pdficon.gif);
}

/* -------------------------------------------*/
/* - - - - Footer - - - - - - - - - - - - - - */
/* -------------------------------------------*/


#footer {
	clear: both;
	width: 100%;
	height: 50px;
	margin: 20px auto 0 auto;
	padding-bottom: 10px;
	background-color: white;
	background-image: url(images/newfooterbg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 0.9em !important;
	color: #213A7E;
}

#footer ul {
	background-image: url(images/newfooterbg.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 34px;
	padding: 8px 0;
	margin-left: 50px;
}


#footer ul li {
	padding: 0 25px 0 0;
	list-style-type: none;
	color: #001D74;
	background-color: transparent;
	display: inline;
}

#footer ul li img {
	visibility: hidden;
}

#footer p {
	padding-top: 10px;
}

#footer a {
	color: #001D74;
	font-size: 1em;
}

.clear {
	clear: both;
}

.error {
	background-color: #F8FFCE;
	color: red;	
}

p.error {
	width: 400px;
	border: 1px dotted red;
	margin: 1em !important;
	padding: 0.5em !important;
}

/* Code for Digg style pagination */

div.pagination {
    padding: 3px;
    margin: 20px;
	text-align: center;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
	font-size: 0.75em;
    border: 1px solid #AAAADD;    
    text-decoration: none; /* no underline */
    color: #001D74;
}

div.pagination a:hover, div.pagination a:active {
    border: 1px solid #001D74;
    color: #000;
}

div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #001D74;
    font-weight: bold;
	font-size: 0.75em;
    background-color: #001D74;
    color: #FFF;
}

div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
	font-size: 0.75em;
    border: 1px solid #EEE;
    color: #DDD;
}


#allslips li {
	list-style-type: square;
	padding: 5px;
}

#allslips {
    padding: 10px 0px;
}