/* eWay 3.0 CSS file */

div, p, table, th
{	
	border: none;
	margin: 0px;
	padding: 0px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
	font-weight: normal;
}

#frmmain
{
	/* height: 100%; */
	/* Make sure the main form (that is default.aspx) uses 100% of the height */
}

fieldset
{
	margin: 0px 0px 3px 0px;
}

label.searchlabel
{
	width: 100px;
}

button
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
	padding: 1px;
	margin: 1px;
}
img
{
	border: none;
	padding: 0;
	margin: 0;
}
img.porticon
{
	float: right;
	cursor: pointer;
	clear: none;
}

a
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
	text-decoration: none;
	color: activecaption;
}
a:hover
{
	text-decoration: underline;
}
input, select, textarea
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
}
h1
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	margin-top: 5px;
	margin-bottom: 0px;
}	
h2
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight: bold;
}	
h3
{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 8.5pt;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 3px; /* Keep "margin" inside box */
	padding-bottom: 2px;
}	
ul
{
	margin-left: 20px;	/* Compatible padding */
	padding-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	border: none;
	list-style-position: outside;
	margin-top: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 0px;
}
li
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

/* Create New sections of object lists */
div.head
{
	width: 100%;
}
div.lefthead
{
	width: 90%;
	overflow: hidden;
	float:left;
}
div.righthead
{
/*	width: 9%;
	overflow: hidden; */
	float: right;
	text-align: right;
	vertical-align: top; 
/*	padding: 2px 2px 0px 0px; */
}


.number
{
	text-align: right;
}

.defbody
{
	margin: 0;
	padding: 0;
	border: none;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 8.5pt;
}
.msgBody
{
	margin: 0;
	padding: 0;
	border: none;
	background-image: none;
	background-color: buttonface;
}
.msgfldtab
{
	/* ingress / Body tabs in editmessage */
	cursor: pointer;
	padding-left : 4;
	padding-right : 4;
	padding-top : 4;
	padding-bottom : 0;
	border-bottom: none;
	border-left : thin groove;
	border-right : thin groove;
	border-top : thin groove;
	height: 12px;
	color: highlight;
}

.msgfldtabActive
{
	cursor: pointer;
	padding-left : 4;
	padding-right : 4;
	padding-top : 4;
	padding-bottom : 0;
	border-bottom: none;
	border-left : thin groove;
	border-right : thin groove;
	border-top : thin groove;
	height: 12px;
	color: highlight;
	background-color: White;
}


/* Portal regions */
div.top
{
	background-position: 0px 0px;
	background-image: url(/eway/custom/Design/v3/logo.jpg);
	background-repeat:  no-repeat;
	height: 90px;
	background-color: buttonface;
	
}
div.toptab
{
	position: relative;
	left: 190px;
	height: 22px;
	width: 100%;
	top: 68px;
	overflow: auto;
	background-image: url(/eway/custom/design/v3/tabspace.gif);
	background-repeat: repeat-x;
}
div.topright
{
	right: 0px;
	overflow: auto;
	width: 400px;
	position: absolute;
	top: 0px;
	height: 65px;
/*	background-color: infobackground; */
}
div.maincontent
{
	position: absolute;
	top: 91px;
	left: 0px;
	width: 100%;
	background-image: url(/eway/custom/design/v3/bg_body.jpg); 
	background-repeat: repeat-y;  
	height: 550px; 
	overflow: auto;
}
div.leftnav
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 170px;
	height: 530px;
	overflow:auto;
	vertical-align: top;
}
div.mainpage	
{
	position: absolute;
	top: 10px;
	left: 200px;
	height: 530px;
	width: 800px;
	overflow:auto;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
div.login
{
	width: 100%;
	height:550px;
	background-color: buttonface;
}

div.loginmiddle
{
	position: absolute;
	left: 50%;
	top: 5%;
	height: 90%;
	width: 1px;
	background-color: activeborder;		
}

div.loginleft
{
	left: 10%;
	top: 25%;
	width: 35%;
	height: 30%;
	position: absolute;
	border: thin groove; 
	background-color: threedlightshadow;
	padding: 5px;
}
div.loginright
{
	position: absolute;
	right: 10%;
	top: 30%;
	width: 35%;
	height: 20%;
	border: thin groove;
	background-color: threedlightshadow;
	padding: 5px;
	vertical-align: middle;
}


div.mainleft
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 578px;
	height: 530px;
}

div.leftsplit
{
	width: 74%;
	float: left;
	margin-bottom: 3px;
	overflow: hidden;
}
div.rightsplit
{
	width: 25%;
	float:right;
	margin-bottom: 3px;
	overflow: hidden;
}
div.vborder
{
	width: 1px;
	height: 530px;
	background-color: Activeborder;
	position: absolute;
	top: 0px;
	left: 588px;
}
div.mainright
{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 190px;
	height: 530px;
	overflow: hidden;
}
div.mainrighttop
{
	position: absolute;
	top: 0px;
	right: 10px;
	width: 190px;
	height: 420px;
}
div.mainrightbottom
{
	position: absolute;
	top: 420;
	right: 10px;
	width: 190px;
/*	height: 110px; */
}

div.onecolumn
{
/*	width: 100%; */
/*	height: 100%; */
}

.submainpagetab
{
/*	background-color: buttonface; */
/*	border-left: groove thin;
	border-right: groove thin;
	border-top: groove thin;
	border-bottom: groove thin;  */
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.submaintabmiddle
{
	margin: 0px 3px 3px 3px;
	padding: 2px;
	width: 100%; 
}
.submaintab
{
	padding: 0px;
	height: 22px;
	margin: 0px 0px 0px 0px;
	background-image: url(/eway/custom/design/v3/tabspace.gif);
	background-repeat: repeat-x;
}

.mainpagetab
{
/*	background-color: buttonface; */
	border-left: groove thin;
	border-right: groove thin;
	border-top: groove thin;
	border-bottom: groove thin; 
	margin: 0px;
	padding: 0px;
	width: 800px;
}
.maintabbg
{
	background-color: buttonface;
}
.maintabform
{
	background-color: white;
 	border: groove thin; 
	padding: 2px;
	margin: 0px 3px 3px 3px;
	width: 786;
}
.maintabmiddle
{
	margin: 0px 3px 3px 3px;
	padding: 2px;
	width: 786px;
}
.maintab
{
	padding: 0px;
	height: 22px;
	margin: 0px 0px 0px 0px;
	background-image: url(/eway/custom/design/v3/tabspace.gif);
	background-repeat: repeat-x;
}
.maintabbottom
{
	margin: 0px;
	padding: 5px 3px 3px 3px;
	background-color: White;
	width: 100%;
}

.pwmaintop
{
	width: 100%;
	border-left: groove thin;
	border-right: groove thin;
	border-top: groove thin;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	float: left;
	overflow: auto;
	background-color: #f5f5f5;
}
.pwmainbottom
{
	width: 100%;
	height: 75%;
	padding: 10px 10px 10px 10px;
	border-left: groove thin;
	border-right: groove thin;
	border-bottom: groove thin;
	margin: 0px;
	float: left;
	overflow: auto;
}
/* Document Mgm page */
.docleft
{
	vertical-align: top;
	border-right: groove thin;
	width: 20%;
}
.docright
{
	/* background-color: Silver;*/
	vertical-align: top;
}
.docpage
{
	/* background-color:Yellow; */
/* 	position: relative; */
	width: 99%;
	border: groove thin;
}


/* General page definitions */
.pwclip /* Defines overflow attributes for clipping */
{
/*	overflow: hidden;
	width: 100%;
	height: 100%; */
} 
.space
{
	height: 3px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}
.clear
{
	clear: both; 
}

/* Tab menu */
.tabtable
{
	border: none;
	padding: 0;
	margin: 0;
	height: 100%;
	float: left;
}
.tableft
{
	padding: 0px;
	margin: 0px;
	background-image: url(/eway/custom/design/v3/tableft.jpg);
	width: 3px;
}
.tabactiveleft
{
	padding: 0px;
	margin: 0px;
	background-image: url(/eway/custom/design/v3/tabactiveleft.jpg);
	width: 3px;
}
.tabright
{
	padding: 0px;
	margin: 0px;
	background-image: url(/eway/custom/design/v3/tabright.jpg);
	width: 3px;
}
.tabactiveright
{
	padding: 0px;
	margin: 0px;
	background-image: url(/eway/custom/design/v3/tabactiveright.jpg);
	width: 3px;
}
.tabcell
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-image: url(/eway/custom/design/v3/tabback.jpg); 
	background-repeat: repeat-x; 
}
.tabactivecell
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	background-image: url(/eway/custom/design/v3/tabactiveback.jpg); 
	background-repeat: repeat-x; 
}
.tablink
{
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	color: Black;
}

/* Object Homepage table form */
.frmreadtable
{
	border: none;
	padding: 0px 2px 2px 2px;
	border-collapse: collapse;
}
.frmread
{
	background-color: White;
	border: none;
 	width: 100%;   
	margin: 0px;
	padding: 0px;
}
.frmreadfield
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.frmSmallButton
{
	width: 65px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-weight: normal;	
}

.datePicker
{
    BEHAVIOR: url(/eway/library/components/datepicker.htc);
    cursor: pointer
}



/* Tabular objectlist */
.tablist
{
	border: solid 1px activeborder; 
	overflow: hidden;
	margin-bottom: 3px;
}
.tablisthead
{
	background-color: buttonface;
}
.tablistrow
{
	height: 16px; 
	overflow: hidden;
}
.tablistfooter
{
	border-top: solid	1px activeborder;
	text-align: center;
	height: 16px;
}
.searchlistrow
{
	height: 16px;
	overflow: hidden;
}
.tablistlink
{
	color: Black;
	text-decoration: none;	
	height: 16px;
	width: 100%;
	display: block;
}
.tablistlink:hover
{
	color: white;
	background-color: highlight;
	text-decoration: none;
	cursor: pointer;
}
.tabicon
{
	width: 16px;
	height: 100%;
	overflow: hidden;
	float: left;
}
.tab75
{
	float: left;
	width: 75%;
	height: 100%;
	overflow: hidden;
}
.tab66
{
	float: left;
	width: 66%;
	height: 100%;
	overflow: hidden;
}
.tab50
{
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.tab25
{
	float: left;
	width: 25%;
	height: 100%;
	overflow: hidden;
}
.tab33
{
	float: left;
	width: 33%;
	height: 100%;
	overflow: hidden;
}
.tabnumber
{
	width: 75px;
	float: left;
	height: 100%;
	overflow: hidden;
	text-align: right;
}
.tabdate
{
	width: 75px;
	float: left;
	height: 100%;
	overflow: hidden; 
}
.tabtime
{
	width: 125px;
	float: left;
	height: 100%;
	overflow: hidden;
}

/* Unordered lists */
ul.circle
{
	list-style-type: disc;
}
li.folderclosed
{
	list-style-type: disc;
	list-style-image: url(/eway/library/images/folderclosed.gif);
	padding: 0px 0px 0px 2px;
}
li.folderopen
{
	list-style-type: square;
	list-style-image: url(/eway/library/images/folderopen.gif);
	padding: 0px 0px 0px 2px;
}
li.closed
{
	list-style-type: disc;
	list-style-image: url(/eway/custom/Design/v3/topclosed.gif);
}
li.open
{
	list-style-type: square;
	list-style-image: url(/eway/custom/Design/v3/topopen.gif);
}

/* Contact lists with Outlook style */
.contact
{
	border: thin  groove;	
	padding: 2px;
	width: 100%;
	font-size:	xx-small;
	font-weight: normal;	
	border: thin  groove;	
	padding: 2px;
	width: 100%;
	margin-bottom: 3px;
}
.contactheader
{
	font-size:	x-small;
	font-weight: bold;	
	background-color: buttonface;
}


/* Messagel list */

/* PostIT */
.postIt
{
	border: khaki 1px solid;
	width: 100%;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 3px;
/*	font-family: 'Comic Sans MS';
	font-size: xx-small; */
	background-color : #FFFFC0;
/*	color: #215dc6; */
}

.textlink
{
	color: Black;
	text-decoration: none;
}
.textlink:hover
{
	text-decoration: none;
	color: highlight;
}

.edit
{
	margin: 0px;
	padding: 0px;
	border: groove thin;
	background-color: buttonface;
}
.topstory
{
	border: activeborder 1px solid;
	padding: 2px;
/*	width: 100%; */
	margin-bottom: 3px;
}
.content-margin
{
	margin: 2px;
}
.infobackground
{
	background-color: infobackground;
}
.whitebg
{
	background-color: White;
}
.red
{
	color: Red;
}
.hidden
{
	display: none
}

.floatleft
{
	float: left;
}

.floatright
{
	float: right;
}

.disclaimtext
{
	color: #aca899;
}
.disclaimer
{
	border: activeborder 1px solid;
	padding: 2px;
	color: #aca899; 
	width: 100%;
}

/* Apperance */

.newsbox
{
	border: activeborder 1px solid;
	padding: 0px;
	margin-bottom: 3px;
}
.newsheader
{
	border-bottom: activeborder 1px solid;
	padding: 2px;
	height: 30px;
	overflow: hidden;
}
.newscontent
{
	margin: 2px;
}
.newsfooter
{
	border-top: solid	1px activeborder;
	text-align: center;
	padding: 2px;
}

.right
{
	text-align: right;
}
.center
{
	text-align: center;
}
div.box
{
}
div.leftbox
{
	float: left;
}
div.rightbox
{
	float: right;
	text-align: right;
	background-color: Silver;
}
.xxsmall
{
	font-size: xx-small;
}
.black
{
	color: black;
}

/* Standard toolbar classes */
.tWebToolbar
{
	width : 100%;
	height: 20px;
	padding : 0px;
	margin: 0px;
	background-color: threedlightshadow;
	border-left-color : White;
	border-left-style : solid;
	border-left-width : 1px;
	border-right-color : #adaa9c;
	border-right-style : solid;
	border-right-width : 1px;
	border-top-color : White;
	border-top-style : solid;
	border-top-width : 1px;
	border-bottom-color : #adaa9c;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}
.tWebToolbar h2
{
/*	float: left; */
	margin: 0px;
	padding: 2px 0px 2px 5px;
/*	height: 100%; */
	font-weight: bold;
	font-size : 8.5pt;
}
.tWebControl
{
	float: right;
	margin: 0px;
	padding: 2px 0px 2px 0px;
	text-align: right;
	height: 100%;
	vertical-align: bottom;
}
.portalframe
{
	border-right: #adaa9c 1px solid;
	padding-right: 5px;
	border-top: white 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: white 1px solid;
	width: 100%; 
	padding-top: 5px;
	border-bottom: #adaa9c 1px solid;
	background-color: threedlightshadow;
}

/* Navigator links */
.toplevel
{
	color: buttontext;
	width: 100%; 
	overflow: hidden;
}
.toplevel:hover
{
	color: white;
	background-color: highlight;
	text-decoration: none;
}

.imgicon
{
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* ImageList */
.imgCell
/* Contains a thumbnail and a link caption */
{
	border: activeborder 1px solid;
	text-align: center;
	vertical-align: baseline;
}
.imgThumb
/* Contains a thumbnail and a link caption */
{
/*	width: 120px; */
}



/* *****************/
/* New form design */
/* *****************/

.frmBody
{
	background-image: none;
	background-color: buttonface;
	margin:0;
	overflow: hidden;
}

.frmctrlwrapper
{
	margin: 0;
	padding: 0px;
	width: 100%; 
	height: 26px; 
 	background-color: buttonface; 
	border-bottom:1px solid;
 	border-bottom-color:ActiveBorder; 
 	overflow: hidden;
/*
	background-image:url(/eway/custom/design/webportal/tool-bkgd.gif);
	background-color:#A2C2EE;
 	border-bottom-color:#2557AD;     */
}

/*.frmctrlwrapper a
{
	cursor: pointer;
	text-decoration:none;
 	padding: 4px 3px  0px 0px;
	height: 100%; 
	vertical-align: middle; 
	color: Black;
	border-right: 1px solid;
/*	border-right-color:#6A8CCB;  */
	border-right-color:Activeborder; 
} 
/*
.frmctrlwrapper a:hover
{
	background-color: #ffd695;
	text-decoration:none;
} */
.frmctrlwrapper img
{
	margin:3px; 
	vertical-align: middle;
}

.frmctrlbtn
{
	overflow: visible;
	width: 1px; /* trick to set size of buttons in ie */
	margin: 0px;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
	text-decoration:none;
	color: Black; 
	border-bottom: none;
	border-left: none;
	border-top: none;
	border-right: 1px solid Activeborder;
	background-color: buttonface;
} 
.frmctrlbtnhover
{
	overflow: visible;
	width: 1px; /* trick to set size of buttons in ie */
	margin: 0px;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
	text-decoration:none;
	color: Black; 
	border-bottom: none;
	border-left: none;
	border-top: none;
	border-right: 1px solid Activeborder;
	background-color: #ffd695;
}

div.frmContent
{
	height: 100%;
	width: 100%;
	background-color: buttonface;
}
.frmContent	/* Outmost table */
{
	width: 100%;
}
.frmTable /* inner table */
{
	border: thin groove;
	padding: 2px;
	width: 100%;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: buttonface;
}
.frmtabledynamic
{
	border: thin groove;
	padding: 2px;
	font-size: xx-small;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: buttonface;
}

.frmfield /* Floating size field */
{
	width: 100%;
}
.frmbuttonbar
{
	/* background-color: buttonshadow; */
	border-top: thin groove;
}
.frmbutton /* Standard size button */
{
	width: 100px;
}
.floatmenu
{
	background-color: infobackground;
	display: none;
	padding-left: 3px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	border-top:1px solid;
	border-right-color:Activeborder; 
	border-left-color:Activeborder; 
	border-bottom-color:Activeborder; 
	border-top-color:Activeborder; 
}
.floatmenu a
{
	cursor: pointer;
	text-decoration:none;
	color: Black;
	width: 100%;
} 
.floatmenu a:hover
{
	background-color: #ffd695;
	text-decoration:none;
}