/*
style.css Copyright 2004
written by Geoff Lloyd
*/
 
A:hover				/*General rollover colour change */
{
    COLOR: #ff9900
}

.textfield
{
	font-size: xx-small;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.textfieldlabel
{
	font-weight: bold;
	font-size: xx-small;
	color: #666666;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.laws
{
	border-right: thin inset;
	padding-right: 2px;
	border-top: thin inset;
	padding-left: 2px;
	padding-bottom: 2px;
	margin: 2px 0px;
	border-left: thin inset;
	width: 280px;
	padding-top: 2px;
	border-bottom: thin inset;
	height: 20px;
}

.button
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: xx-small;
	padding-bottom: 0px;
	margin: 0px;
	color: #666666;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	text-decoration: none;
}

.titletext			/*Used for section titles */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.buttontext			/*Used for action links eg >>more */
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #eea627;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.horizontalline		/*Break in page */
{
    FONT-SIZE: 9px;
    WIDTH: 100%;
    COLOR: #666666;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

.pagetitle
{
	padding-left: 10px;
	font-weight: bold;
	font-size: small;
	background-image: url(../images/title_bg.gif);
	width: 100%;
	color: #333333;
	border-top-style: none;
	padding-top: 10px;
	border-bottom: black 1px;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-right-style: none;
	border-left-style: none;
	height: 35px;
	text-decoration: none;
}

.maintxt
{
	font-size: xx-small;
	color: #333333;
	font-family: Verdana, Arial;
	position: static;
	text-decoration: none;
}


/*-------------------------------------------------------------*/
/*The following classes define the overall format of a page*/

.list				/*Used for right pane eg user management*/
{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	left: 30%;
	overflow: auto;
	border-left: #666666 1px solid;
	width: 70%;
	border-bottom: #666666 1px solid;
	position: absolute;
	top: 70px;
	height: 91%;
}

.all			/*Whole page format for non dialog pages*/
{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	left: 0%;
	border-left: #666666 1px solid;
	border-bottom: #666666 1px solid;
	position: absolute;
	top: 70px;
	width:100%;
	height: 88%;
	overflow: auto;

}

.top
{
	left: 0px;
	width: 100%;
	clip: rect(auto auto 90% auto);
	border-bottom: #666666 1px solid;
	position: absolute;
	top: 0px;
	background-color: #FFFFFF;
}

.left
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	background: url(../images/style/background.gif) red fixed repeat-x center center;
	left: 0px;
	border-left: black 1px solid;
	width: 19%;
	border-bottom: black 1px solid;
	position: absolute;
	top: 70px;
	height: 91%;
}

.menu			/*Used for left pane eg user management */
{
	border-right: #666666 1px solid;
	border-top: #666666 1px solid;
	left: 0px;
	overflow: auto;
	border-left: #666666 1px solid;
	width: 29%;
	clip: rect(auto auto auto auto);
	border-bottom: #666666 1px solid;
	position: absolute;
	top: 70px;
	height: 91%;
}

.main				/*defines the padding of any page */
{
    BORDER-RIGHT: gray thin;
    PADDING-RIGHT: 10px;
    BORDER-TOP: gray thin;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: gray thin;
    WIDTH: 100%;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: gray thin
}

/*--------------------------------------------------------------*/
.menutext
{
	font-weight: bold;
	font-size: xx-small;
	margin-left: 2px;
	vertical-align: baseline;
	color: #000000;
	margin-right: 0px;
	padding-top: 2px;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
	text-align: center;
	text-decoration: none;
}



/*The following classes all define how tabular data should be
  formatted */

.table
{
    BORDER-RIGHT: #666666 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #666666 1px solid;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #666666;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: Verdana, Tahoma, Arial
}
.td
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid
}
.th
{
	border-right: #ffffff 1px solid;
	padding-right: 0px;
	border-top: #ffffff 1px solid;
	padding-left: 0px;
	font-weight: bold;
	font-size: x-small;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #ffffff 1px solid;
	color: black;
	padding-top: 0px;
	border-bottom: #ffffff 1px solid;
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial;
	background-color: #ffd83b;
}

.tablerow1		/*allows alternate striping of rows*/
{
    BACKGROUND-COLOR: #ffffcc
}

.tablerow2		/*allows alternate striping of rows*/
{
    BACKGROUND-COLOR: white
}

/*-------------------------------------------------------------*/

.noborders		/*allows borders to be removed eg images as links*/
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Verdana, Tahoma, Arial
}

.expander		/*Used in list control for +- box*/
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	margin-top: 2px;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 2px;
	border-left: #cccccc 1px solid;
	width: 12px;
	cursor: hand;
	color: gray;
	margin-right: 5px;
	border-bottom: #cccccc 1px solid;
	font-family: Verdana, Tahoma, Arial;
	height: 12px;
	text-align: center;
	text-decoration: none;
}

.calendar
{
	left: 0px;
	position: absolute;
	top: 36px;
}

.username
{
	left: 10px;
	position: relative;
	top: 8px;
}

/*Styles replacing shortcut menus -----------------------------
Each action class has a rollover producing equivalent
a: hover action_???
*/

.action_open
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_open.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_open
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_open_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

/*------*/

.action_delete
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_delete.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_delete
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_delete_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

/*------*/

.action_properties
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_properties.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_properties
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_properties_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}
 /* ------- */
.action_print
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_print.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_print
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_print_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

/* ------ */

.action_move
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_move.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_move
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_move_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

/* ------ */

.action_subscribe
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_subscribe.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_subscribe
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_subscribe_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

/* ------ */

.action_unsubscribe
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_unsubscribe.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

a:hover .action_unsubscribe
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_unsubscribe_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
}

/* ------ */

.action_email
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_email.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
	
}

a:hover .action_email
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_email_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
	
}

/* ------ */

.action_more
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/altlink.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
	
}

a:hover .action_more
{
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/altlink_hover.gif);
	overflow: hidden;
	width: 32px;
	clip: rect(auto 32px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 32px;
	text-decoration: none;
	
}

.action_datebrowser
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_datebrowser.gif);
	margin-left: 4px;
	overflow: hidden;
	width: 20px;
	clip: rect(auto 20px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 20px;
	text-decoration: none;
}

a:hover .action_datebrowser
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_datebrowser_hover.gif);
	margin-left: 4px;
	overflow: hidden;
	width: 20px;
	clip: rect(auto 20px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 20px;
	text-decoration: none;
}

.action_help
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_help.gif);
	margin-left: 4px;
	overflow: hidden;
	width: 20px;
	clip: rect(auto 20px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 20px;
	text-decoration: none;
}

a:hover .action_help
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 10pt;
	background-image: url(../images/icons/action_help_hover.gif);
	margin-left: 4px;
	overflow: hidden;
	width: 20px;
	clip: rect(auto 20px auto auto);
	cursor: hand;
	text-indent: 400px;
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	height: 20px;
	text-decoration: none;
}

/*--------------------------------------------------------------

/*Global body tag*/
BODY
{
	margin: 0px;
	overflow: hidden;
}
/*--------------------------------------------------------------
/*sorting arrows*/
.up
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	left: 0px;
	background-image: url(../images/sort/arrow_up.gif);
	overflow: hidden;
	border-left: gray 1px solid;
	width: 14px;
	border-bottom: gray 1px solid;
	position: relative;
	top: 0px;
	height: 14px;
}

.down
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	background-image: url(../images/sort/arrow_down.gif);
	overflow: hidden;
	border-left: gray 1px solid;
	width: 14px;
	border-bottom: gray 1px solid;
	height: 14px;

}