/* www.warrenshepell.com/isite/ */

/* Styles for isite application */

a:link, a:visited {
	color: #005599;
	font-weight: normal;
	text-decoration:none;
}

a:hover, a:active{
	color : #77A888;
	text-decoration:underline;
}

body {
	margin: 0px;
	background-color: #ececec;
	margin-top:0px;
	margin-bottom:0px;
}

p,div,li,input,select,textarea {
	font-family: Verdana, Arial, Helvetica;
	/*font-size: 0.70em;*/
	font-size: 11px;
	color: #5a5959;
	line-height: 20px;
}

input,textarea {
	font-size: 11px;
	background-color:#eeeeee;
	border:#999999 1px solid;
	border-style:outset;
}

/*li {
	font-family: Verdana, Arial, Helvetica;
	font-size: 0.80em;
}*/

.tableDefault{
  padding:0px;
  margin:0px;
  border:0px;
  
}

.tableDefaultMain{
  width: 98%;
  padding:0px;
  margin:0px;
  border:0px;
  
}
.mainFrame {
	/* Sets main container table width & background colour */
	width: 770px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}
.mainFrameFull {
	/* Sets main container table width & background colour */
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}
.mainFrameCenter {
	/* Sets main container table width & background colour */
	width: 100%;
	height: 15%;
  display: block;
}

.mainFrameHeader{
  width: 100%;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-top:0px;
}

.mainSubFrame{
	/*width: 740px;*/
	/*padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	padding-bottom:0px;*/
	
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	margin-top:0px;
	padding-right:10px;
	padding-left:0px;
}

#menuFrameParent{
  height:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-top:0px;
	background-color:Transparent;
	background-image:url(../images/menu-back.gif);
	background-repeat:repeat-x;
}

#menuFrameParent .menu-left{
}
#menuFrameParent .menu-back{
  padding-left:10px;
  padding-right:10px;
}
#menuFrameParent .menu-left{
}

#menuFrameParent .menu-land-left{
  background-color:Transparent;
	background-image:url(../images/menu-over-left.gif);
	background-repeat:repeat-x;
}
#menuFrameParent .menu-land-back{
  padding-left:10px;
  padding-right:10px;
  background-color:Transparent;
	background-image:url(../images/menu-over-back.gif);
	background-repeat:repeat-x;
}
#menuFrameParent .menu-land-right{
  background-color:Transparent;
	background-image:url(../images/menu-over-right.gif);
	background-repeat:repeat-x;
}

#menuFrameParent .menu-over-left{
  background-color:Transparent;
	background-image:url(../images/menu-over-left.gif);
	background-repeat:repeat-x;
}
#menuFrameParent .menu-over-back{
  padding-left:10px;
  padding-right:10px;
  background-color:Transparent;
	background-image:url(../images/menu-over-back.gif);
	background-repeat:repeat-x;
}
#menuFrameParent .menu-over-right{
  background-color:Transparent;
	background-image:url(../images/menu-over-right.gif);
	background-repeat:repeat-x;
}
#menuFrameParent a.onState { 
	color: #dd4411;
}

#menuFrameParent a {
	/*width: 170px;*/
	background-color: transparent;
	color: #446677;
	text-decoration: none;
}

#menuFrameParent a:hover {
	/*color: #dd4411;*/
	color:#005599; /*#005599;*/
	text-decoration: none;
}
#menuFrameParent .href-land{
  color: #446677; /*#dd4411;*/
}

.mainBodyFrame{
 height:200px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 padding-bottom:0px;
 width:100%;
}



/* Main content area (#introtext) */

/*#introtext {
	width: 400px;
	padding-top: 5px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}*/

.calloutTitle {
  /*overriden from default because it looks better*/
  /*
  font-family:serif;
  font-size:20px;
  color:#40637A;
  */
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight:bold;
	font-size: .85em;
	color: #446677;
}

.calloutDivider {
  line-height:20px;
}

.bodyTitle {
	font-family: Georgia, Times, "Times New Roman", serif;
	/*font-size: 1.6em;*/
	font-size: 1.4em;
	/*font-weight: bold;*/
	color: #446677;
	line-height:22px;
}

.BodySubtitle {
	font-weight: bold;
	color: #446677;/*#dd4411;*/
}

.subheading {
	color: #336699;
	font-weight: 800;
}


/* Second Row Text Navigation (#secondRowNav) */

#secondRowNav {
	margin: 0 0 0 0;
	padding-left: 0px;
}

#secondRowNav li {
	font-size: 0.65em;
	display: inline;
	list-style-type: none;
}

#secondRowNav li.rightPadding {
	padding-right: 20px;
}

#secondRowNav a {
	text-decoration: none;
	color:#000000;
}

#secondRowNav a:hover {
	color:#669999;
}

/* Left Navigation (#leftNav) */

#leftNav { 
	width: 185;
	/*margin-left:4px;*/
}

#leftNav div {
	font-family: verdana, arial, Helvetica, sans-serif;
	font-size: 0.85em;
	padding:0px 1px 0px 0px;
	line-height:18px;
	
	margin-left:4px;
	margin-right:4px;
}
#leftNav div.noBg {
	/*background-color: #ccd6d8;*/
	text-decoration: none;
	font-size: 0.70em;
}
#leftNav div.darkBg {
	background-color: #E0EBED;
	text-decoration: none;
	font-size: 0.70em;
}
#leftNav div.stateBg {
	background-color: #F5F9FD;
	text-decoration: none;
	font-size: 0.70em;
	/*border-top:1px solid #F4F4F4;
	border-bottom:1px solid #ffffff;*/
	border-left:1px solid #E0EBED;
	border-right:1px solid #E0EBED;
	border-bottom:1px solid #E0EBED;
}
#leftNav div.lightBg {
	background-color: #EAF2F8;
	text-decoration: none;
	font-size: 0.70em;
	width:185px;
	border-left:1px solid #E0EBED;
	border-right:1px solid #E0EBED;
	border-bottom:1px solid #E0EBED;
}
#leftNav a.onState { 
	color: #dd4411;
}

#leftNav a {
	/*width: 170px;*/
	background-color: transparent;
	color: #557788;
	text-decoration: none;
}

#leftNav a:hover {
	color: #dd4411;
	text-decoration: none;
}



/* Sign Up Box */
#signUp{
	width:233px;
	height:105px;
	/*border:1px solid red;*/
}

#signUp div{
	font-size: 0.65em;
	line-height:12px;
}

#signUp a {
	text-decoration: underline;
	/*color:#000000;*/
}

#signUp a:hover {
	color:#669999;
	text-decoration: none;
}

.signUpBoxFrame {
	font-size: 0.65em;
	font-family: Verdana, Arial, Helvetica;
}

.signUpBox {
	font-family: Verdana, Arial, Helvetica;
	font-size:9px;
	line-height:13px;
	height: 15px;
	width:130px;
	background-color: #eeeeee;
	padding:0px 3px 0px 3px;
	/*font-size: 0.8em;
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;*/
}

.signUpButton {
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	line-height:11px;
	width:40px;
	background-color: #557788;
	color: #FFFFFF;
	font-weight: bold;
	border-style:outset;
	/*border: 1px solid #557788;*/
}

.signUpTitle {
	color: #557788;
}

.signUpFieldsName{
	font-weight: bold;
	color: #557788;
}


/* Search Box */

/*.searchBox {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	height: 12px;
	background-color: #CCCCCC;
	margin-top: 4px;
	border: 1px solid #999999;
}*/

.searchBox{
	font-size:10px;
	line-height:10px;
	font-weight:bold;
	padding:1px 5px 1px 5px;
	width:125px;
}

.searchButton {
	font-size:9px;
	line-height:10px;
	width:22px;
	font-weight:bold;
	background-color:#C0C0C0;
}
/*.searchButton {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	background-color: #999999;
	margin-top: 2px;
	padding: 1px 1px 2px 1px;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #999999;
}*/


/* Right Column (#rightColumn) */

#rightColumn {
	font-size: 0.85em;
	padding-right: 10px;
}

#rightColumn div {
	line-height: 11px;
}

#rightColumn a {
	color: #005599;
	text-decoration: none;
}

#rightColumn a:hover {
	color: #dd4411;
	text-decoration: none;
}

#rightColumn .headingRightColumn {
	color: #005599;
	font-weight: bold;
	/*margin-bottom: 0px;*/
}


/* Footer Text Navigation (#footerNav) */

/*#footerNav {
	margin-left: 0px;
	padding-left: 15px;
}*/

#footerNav {
  width:770px;
  height:90px;
  background-color:Transparent;
	background-image:url(../images/footer-back-CA-EN.gif);
}

#footerNav div {
	font-size: 0.65em;
	/*display: inline;
	list-style-type: none;
	padding-right: 10px;*/
}

#footerNav a {
	text-decoration: none;
	color:#000000;
}

#footerNav a:hover {
	color:#669999;
}

#footerNavFR {
  width:770px;
  height:90px;
  background-color:Transparent;
	background-image:url(../images/footer-back-CA-FR.gif);
}

#footerNavFR div {
	font-size: 0.65em;
	/*display: inline;
	list-style-type: none;
	padding-right: 10px;*/
}

#footerNavFR a {
	text-decoration: none;
	color:#000000;
}

#footerNavFR a:hover {
	color:#669999;
}

/* Additional classes */

.hrLine {
	border-top: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
}

.defaultButton {
/*
	font-size:9px;
	line-height:10px;
	font-weight:bold;
	background-color:#C0C0C0;
*/	
	font-family: Verdana, Arial, Helvetica;
	font-size: 9px;
	line-height:11px;
	background-color: #557788;
	color: #FFFFFF;
	font-weight: bold;
	border-style:outset;
	/*border: 1px solid #557788;*/
}

.panel-bot-left{
  background-image: url(../images/admin-panel-bot-left.gif);
}
.panel-bot-back{
  background-image: url(../images/admin-panel-bot-back.gif);
}
.panel-bot-right{
  background-image: url(../images/admin-panel-bot-right.gif);
}
.panel-top-right{
  background-image: url(../images/admin-panel-top-right.gif);
}
.panel-mid-right{
  background-image: url(../images/admin-panel-mid-right.gif);
}
.panel-back {
  background-color: #ffffff;
  background-image: url(../images/admin-panel-back.gif);
  background-position: 0% 100%;
  background-repeat: repeat-x;
}
.panel-border{
  border:1px solid #BABABA;
}
.panel-title{
  font-size:10px;
  color:#3E4A8F;
  font-weight:bold;
}
.panel-sub-title{
  font-size:10px;
  color:#0000FF;
}
.panel-text{
  font-size:10px;
}
.panel-ul{
  list-style-position:inside;
  margin-left:5px;
  margin-right:5px;
  padding-left: 5px;
}
