/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~  CUSTOMER SERVICE STYLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.loginform {
	font-size: 1.1em;
	font-family: arial, verdana, sans-serif;
	color: #000000;
	font-weight: normal;
}

div.loginerror {
	font-size: 1.0em;
	font-family: arial, verdana, sans-serif;
	color: #990000;
	font-weight: normal;
}

.loginHelp {
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 3px;
}

span.rssLink {
	color: #999999;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 3px;
	text-decoration:none;
}

span.rssLink a {
	color: #93260C;
	text-decoration:none;
}

div.loggedinusername {
	font-size: 0.75em;
	color: #5D6CA5;
	font-weight: normal;
	text-align: right;
	width: 100%;
}

* html div.loggedinusername {
	margin-top: -25px;
}

span.feedback {
	color:#990000;
	font-style:italic;
}

span.alert {
	color:#990000;
}

img.icon {
	vertical-align:middle;
	margin-right: 15px;
	border: 0px;
}

img.editicon {
  vertical-align:middle;
	margin-right: 8px;
	border: 0px;
}

img.arrowicon {
	vertical-align:middle;
	margin-right: 4px;
	border: 0px;
}

img.icon_marg {
	vertical-align:middle;
	margin-left: 4px;
	margin-right: 4px;
	border: 0px;
}

* html img.icon {
	margin-top: 4px;	
	margin-right: 15px;
	border: 0px;
}

img.iconLarge {
	vertical-align: middle;
	margin-right: 15px;
	border: 0px;
}

* html img.iconLarge {
	margin-top: 4px;	
	margin-right: 15px;
	border: 0px;
}

img.iconflush {
	vertical-align:top;
	margin-right: 15px;
	border: 0px;
}

* html img.iconflush {
	vertical-align:middle;
	margin-top: 4px;	
	margin-right: 15px;
	border: 0px;
}

.results {
	text-decoration: underline;
	color: #2a659f;
}

.results  a:hover {
	text-decoration: underline;
	color: #5D6CA5;
}

img.Loginicon {
	vertical-align:bottom;
	border: 0px;
}

p.Logintext a {
	color: #5D6CA5;
	font-weight: bold;
	font-size: 1.0em;
}

p.Logintextsmall {
	text-align:right;
	font-size:10px;  
	color:#999999;
	margin-top: -5px;
	padding-right: 82px;
}

p img.icon {
	vertical-align:middle;
	margin-right: 15px;	
}

img.deleteicon {
	vertical-align:middle;
	padding-left:10px;
	border: 0;
}

hr.sep { 
	height: 1px;
	border: 0;
	background-color: #CCCCCC;
	color: #cccccc;
	margin: -20px 0px 0px 0px;
}

*html hr.sep {
	margin: -20px 0px -20px 0px;
}

.keywordHit {
	color: #CC0000;
	text-decoration: underline;	
}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~  MENU  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.customermenu {
	float: left;
	margin: 10px 0px 10px 0px;
	width: 100%;
}

ul#servicemenu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: left;
	font-family: verdana, arial, san-serif;
	text-decoration: underline;
	color: #5D6CA5;
	font-weight: bold;
	font-size: 1em;
}

ul#servicemenu li {
	margin-top: 10px;
	margin-right: 6px;
	border: 0 none;
	padding: 0px;
	float: left;	
	text-decoration: underline;
	display: inline;
	list-style: none;
	height: 24px;
}

ul#servicemenu li img {
	margin-right: 6px;
	margin-top: -6px;
	border: 0px;
}

* html ul#servicemenu li img {
	margin-top: -6px;
	padding-top: 4px;
}

ul#servicemenu a {
	padding: 0 6px;
	float: left;
	display: block;
	text-decoration: underline;
	height: auto;
	height: 1%;
	color: #5D6CA5;
}

ul#servicemenu a:hover, ul#servicemenu li:hover a, ul#servicemenu li.iehover a {
	color: #4a5fb1;
	text-decoration: underline;
}

/*~~~~~~~~ BUG STYLES ~~~~~~~~~~*/
p.mainBug {
	color:#0066CC;
	font-weight: bold;
	text-align:left;
	margin-left: 5px;
}
span.subBug {
	color:#999999;
	font-size:10px;
	margin-left: 31px
}
hr.bugsep { 
	height: 1px;
	border: 0;
	background-color: #F2F2F2;
	color: #cccccc;
	margin: 0px 5px 0px 5px;
}

/*~~~~~~~~~~ CS HOME PAGE ~~~~~~~~~~~~~~~~~~~~*/

span.subText {
	color:#999999;
	font-size:10px;	
}
span.blueText {
	color: #5D6CA5;
}


/*################################################################################################################################*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~  ADMIN STYLES  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p.logout {
	font-size: 1.0em;
	font-family: arial, verdana, sans-serif;
	color: #990000;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

table.adminform {
	font-size: 1.0em;
	font-family: arial, verdana, sans-serif;
	margin: 0px;
	width: 100%;
	border: 0px;
}

table.adminTable {
	font-size: 1.0em;
	font-family: arial, verdana, sans-serif;
	margin: 0px;
	width: 100%;
	border: 0px;
	table-layout:fixed;
}

* html table.adminform {
	margin: 0px;
}

select.admindropdown {
	width: 355px;
}

textarea.admincommentbox {
	width: 350px;
}

select.dropdown {
	width: 265px;
}
tr.header {
	font-size: 1em;
	font-weight: bold;
	background-color: #D9E7F4;
}

td#no {
	display:  inline-table;
	width: 20px;
	max-width: 20px;
	background-color:#CC0000;
}

td#title {
	display: inline-table;
	width: 120px;
	text-align: left;
	background-color: #0099FF;
}

td#desc {
	display:  inline-table;
	width: auto;
	text-align: left;
	background-color: #33CC66;
}

td#statslabel {
	color: #5D6CA5;
	font-weight: bold;
	font-size: 1em;
	border-bottom: 1px solid #cccccc;
}

td#statslabel_custom {
	color: #5D6CA5;
	font-weight: bold;
	font-size: 1em;
}

td#statsresult {
	color: #990000;
	font-weight: bold;
	font-size: 1em;
	border-bottom: 1px solid #cccccc;
}

td#statsresult_custom {
	color: #990000;
	font-weight: bold;
	font-size: 1em;
	padding-left: 30px;
	border-bottom: 1px solid #cccccc;
}

table.resulttable tbody {
	font-size: 1em;
	font-weight: normal;
	background-color: #F1F6FB;
}

div#sectionbox {
	border: 1px solid #cccccc;
	padding: 0px;
	margin-top: 10px;
}


div#innersectionbox {
	border: 0px;
	margin: 5px 5px 5px 5px;
	background-color: #F1F6FB;
}

div#winbox {
	border: 1px solid #cccccc;	
}

div#win_result_box {
	border: 1px solid #e8e8e8;
	background-color: #F1F6FB;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px;
}

div#resultbox {
	border: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
	max-height: 200px;
	overflow: auto;
}

div#innerresultbox {
	border: 0px;
	margin: -6px 5px 5px 5px;
	background-color: #F1F6FB;
}

div#feedback {
	font-size: 10px;
	color: #5D6CA5;
	font-weight: bold;
}

div#itemfound {
	background-color:#d5e2f0;
	padding: 0px 0px 0px 2px;
	margin-bottom: 3px;
}

div#itemheader{
	font-size: 0.9em;
	color: #2a659f;
	font-weight: bold;
}

div#itemdescription {
	margin: 8px 0px 0px 30px;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	border-top: 1px solid #b7c6d7;
}

div#cs_home_status_box {
	border: 1px solid #e8e8e8;
	/*padding: 0px 5px 5px 5px;
	margin-top: 0px;*/
}

div#cs_innercontent_box {
	border: 1px solid #e3e3e3;
	margin: 1px 1px 1px 1px;
	padding: 0px 4px 4px 4px;
	background-image:url(../images/boxbg_light.jpg);
	background-repeat: repeat-x;
}

div#cs_innercontent_box_create {
	border: 1px solid #e3e3e3;
	margin: 1px 1px 1px 1px;
	padding: 6px 6px 6px 6px;
	background-image:url(../images/boxbg_light.jpg);
	background-repeat: repeat-x;
}

span.spryarrow {
	vertical-align:middle;
	text-align:right;
}

span.subRSS {
	color:#999999;
	margin-left: 31px
}

.fixedWidth {
	font-family:"Courier New", Courier, monospace;
	width: 350px;
}

.fixedDateWidth {
	font-family:"Courier New", Courier, monospace;
	width: 330px;
}

.fixedPWWidth {
	font-family:"Courier New", Courier, monospace;
	width: 260px;
}

.fixedUploadWidth {
	font-family:"Courier New", Courier, monospace;
	width: 256px;
	size:33;
}

p.quicklinkblock {
	margin-left: 10px;
}

span.qicklinkhead {
	color: #5d6ca5;
	font-weight: bold;
	font-size: 0.9em;
}

.quicklink {
	font-weight: bold;
	font-size: 0.9em;
	margin-left: 10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  POPUP WINDOW STYLES  */
div.wincontent {
	padding: 0px 15px 0px 15px;
}
.winheader {
	color: #5D6CA5;
	font-weight: bold;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 18px;
}
.winfooter {
	color: #95C2E8;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
table.wintable {
	font-size: 1.0em;
	font-family: arial, verdana, sans-serif;
	margin:  0px 0px 0px 0px;
	width: 100%;
	border: 0px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  CS STYLES Install page */
div#install {
	border: solid 1px #e3e3e3;
	background-color:#ffffff;
	padding: 5px 0px 5px 5px;
	margin-bottom: 3px;
}

div#installdescription {
	margin: 8px 5px 0px 30px;
	font-size: 0.9em;
	color: #000000;
	font-weight: normal;
	border-top: 1px solid #e3e3e3;
}

div#installsubdescription {
	margin: 8px 5px 0px 30px;
	font-size: 10px;
	color: #999999;
	font-weight: normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  CS STYLES  */
div.options {
	border: solid 1px #e3e3e3;
	background-color:#ffffff;
	padding: 5px 10px 5px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  IMAGEBANK STYLES  */
table.imgbank {
	width: 100%;
	table-layout:fixed;
}

table.imgbank td {
	width: 80px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  INSTALL HISTORY  */
div.idetails {
	padding-left: 34px;
	font-size: 11px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  INACTIVE ORGANISATIONS  */

div#inactive_submenu {
	font-size: 10px;
	color: #5D6CA5;
	font-weight: bold;
}

div#inactive_submenu a {
	padding: 5px;
	font-weight:bold;
	color:#003399;
}

div#inactive_submenu a:hover {
	background-color:#f1f6fb;
	color: #990000;
}

#delcount {
	font-size: 10px;
	color: #5D6CA5;
	font-weight: bold;
	border: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  BROWSE HELP DOCs  */

div.browseShell {
	max-height: 290px;
	margin-top: 10px;
	background-color: #F1F6FB;
}

div.browseList {
	width: 260px;
	float: left;
	max-height: 280px;
	overflow: auto;
}

div.browseDetails {
	width: 220px;
	float: right;
	max-height: 280px;
	overflow: auto;
	color:#666666;
	padding-right: 5px;
}

div.browseDetails a {
	color:#006699;
}

div.browseDetails a:hover {
	color:#990000;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  CONTACT STYLES */

.contactDetails {
	width:auto;
	height:auto;
	background-image:url(../images/eic_building.png); 
	background-repeat:no-repeat;
}
.contactHead {
	width:470px; 
	float:left; 
	font-weight:bold;
	color: #5d6ca5;
	padding-left: 4px;
	margin-bottom: 5px;
	margin-top: -5px;
	background-image:url(../images/contactheader.png); 
	background-repeat:repeat-y;
}

.contactData {
	width: 400px;
	margin-left:38px;
}

.contactItem {
	width:500px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  PRACTICE STYLES */

div.mediaitem {
	width:510px;
	height:110px;
	margin-bottom:10px;
	border: 1px solid #cccccc;
	padding: 4px 2px 2px 2px;
}

img.mediathumb {
	vertical-align:top;
	margin-right: 15px;
	margin-bottom:3px;
	border: 0px;
	float: left;
}

p.mediainfo {
	
	margin-top:0px;
}
span.mediainfohead {
	margin-top: 0px;
	color:#767676;
	font-weight:bold;
}

span.mediasubinfo {

	margin-top: 10px;
	color:#767676;
	font-weight:bold;
	font-size:10px;
}

div.mediacontainer {
	width: 514px;;	
	height: auto;
	border: 1px solid #cccccc;
	text-align:center;
	padding-top: 8px;
	margin-bottom:10px;
}

span.mediasubhead {
	margin-top: 10px;
	color:#767676;
	font-weight:bold;
	font-size:10px;
	font-style:italic;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*  PADDLER STYLES */

div.indexTop {
	vertical-align:top; 
	background-image:url(../images/paddlerBoxTop.jpg); 
	background-repeat:no-repeat; 
	height:9px;
}

div.indexMid {
	background-image:url(../images/paddlerBoxMid.jpg); 
	background-repeat:repeat-y; 
	height:auto; 
}

div.indexBttm {
	vertical-align:bottom; 
	background-image:url(../images/paddlerBoxBttm.jpg); 
	background-repeat:no-repeat;
}

div.indexContent {
	 padding:0px 8px 0px 8px;
	 margin-top: -12px; 
	 margin-bottom:-12px;
}

p.indexItem {
	background-image:url(../images/paddlerPanel01.jpg); 
	background-repeat:no-repeat; 
	height:55px; 
	padding-left:5px; 
	padding-right:5px;
	padding-top:3px;
	line-height: 2em;
}