/* CSS Document */
/* SITE WIDE CLASSES*/
html, body {
	margin: 0;
	padding: 0;
	font-family:Arial;
	font-size:0.85em;  	
	margin:0;
	padding:0;		
	font-family:arial,sans-serif;
	background-image:url(../images/mainbg.gif);
	background-repeat: repeat-x;	
}

input
{
	font-size:1.0em;  	
	font-family:arial,sans-serif;
}

textarea
{
	font-size:1.0em;  	
	font-family:arial,sans-serif;	
}

a {
	text-decoration:none;
}
img {
	border:0;
}

.clearfloat {
	clear:left;
}


#hr{
	position:relative;
	float:left;
	}

.clearboth
{
	clear:both; 
	height:1px; 
	width:1px; 
	overflow:hidden;
}

.clearboth10
{
	clear:both;
	height:10px;
	width:1px;
	overflow:hidden;
}

.floatleft
{
	float:left;
}

.calendarimage
{
	padding-left:5px;
}

.marginleft5
{
	margin-left:5px;
}

.marginleft10
{
	margin-left:10px;
}

/*LOCAL CLASSES*/
/*------------------------------------------- Header -------------------------------------------------------*/

#header{

height: 100px;
background:url() repeat-x;
float : left;
font-family: verdana, arial, sans-serif;
font-size: 16px;
color:#5C246E;

}

#logo
{
	position:relative;
	height:20px;
	margin-left:90px;
	padding-bottom:40px;	
	background:url(../images/logo.gif) no-repeat scroll 0 25%;	
}

.logoutblock
{
	float:right;
	font-family:Arial;
	font-size:smaller;
	color:#932d91;
	text-align:right;
	vertical-align:bottom;
}

.logoutblock a, .logoutblock a visited
{
	color:#932d91;
	text-decoration:underline;
	
}



/*------------------------------------------- End Header -------------------------------------------------------*/



#banner {
	width:500px;
	height:90px;
	position:relative;
}
#site-wrap {	 
	width: 950px; 
	margin:auto;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
    min-height:100%;  
    background-color:#ffffff;   
    overflow:hidden;
    display:block;
    position:relative;
}


#backimage
{
	background:url(../images/background2.jpg) no-repeat top left;
    display:block;
    width:100%;    
	height:auto !important; /* real browsers */
}



div#content
{
	margin:0 10px 0 0px;
	padding:0 1em;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
    min-height:100%;  

}


/* ----- footer start */
	
	
div#footer {
	width:100%;
	background:#ddd;
	border-top:6px double gray;
}


/* ----- footer end --------*/

/*------ menu bar  start---------*/

#menubar
{
	height:30px;
	color:#ffffff;
	background-image:url(../images/purple_but_back.gif);
}

ul.MenuBarHorizontal
{
	margin:0;
	padding-left:20px;
}
ul.MenuBarHorizontal a 
{
	background-image:url(../images/purple_but_back.gif);
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	padding:5px 5px 6px 5px;
	text-decoration:none;
	width:105px;
}


ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus 
{
	background-image:url(../images/green_but_back.gif);
	color:#FFFFFF;
}

ul.MenuBarHorizontal li 
{
cursor:pointer;
float:left;
font-size:100%;
list-style-type:none;
margin: 1px 0 0 0;
padding:0;
position:relative;
text-align:left;
width:110px;
border-left:solid 1px #ffffff;
border-right:solid 1px #ffffff;
}

/*------ menu bar  end  ---------*/

/*------ tool bar  start --------*/

#toolbar
{
	background-image:url(../images/gray_but_back.gif);
	height:30px;
	color:#ffffff;
}

/*------ tool bar  end  ---------*/


/* -------- New Purple Box Start ------*/

div.newpurplebox { overflow:hidden }

/* MIDDLE */

div.newpurplebox.body div.newpurplebox.right {
                background-image:url(../images/s_r.gif);
                background-position: right;
                background-repeat: repeat-y;
}

div.newpurplebox.body div.newpurplebox.left {
                background-image:url(../images/s_l.gif);
                background-position: left;
                background-repeat: repeat-y;
}

div.newpurplebox.body div.newpurplebox.center {
                color:#ffffff;
                background:#932d91;
                margin-left: 21px;
                margin-right: 21px;
}

/* TOP */

div.newpurplebox.head div.newpurplebox.right {
                background-image:url(../images/new_t_r.gif);
                background-position: top right;
                background-repeat: no-repeat;
                height:21px;
}

div.newpurplebox.head div.newpurplebox.left {
                background-image:url(../images/new_t_l.gif);
                background-position: top left;
                background-repeat: no-repeat;
                height:21px;
}

div.newpurplebox.head div.newpurplebox.center {
                background-image:url(../images/new_s_t.gif);
                height:21px;
                margin-left: 21px;
                margin-right: 21px;
}

/* BOTTOM */

div.newpurplebox.foot div.newpurplebox.right {
                background-image:url(../images/new_b_r.gif);
                background-position: right bottom;
                background-repeat: no-repeat;
                height:21px;
}

div.newpurplebox.foot div.newpurplebox.left {
                background-image:url(../images/new_b_l.gif);
                background-position: left bottom;
                background-repeat: no-repeat;
                height:21px;
}

div.newpurplebox.foot div.newpurplebox.center {
                background-image:url(../images/new_s_b.gif);
                margin-left: 21px;
                margin-right: 21px;
                height:21px;
}

div.newpurplebox.center  a {
color:#ffffff;
text-decoration:underline; 
}

div.newpurplebox.center a.visited {
color:#ffffff;
}
/* -------- New Purple Box End ------*/


/* ------------- old Purple Box start -------------------- */
.purplebox {
display:block;
overflow:hidden;
float:left;
}

.purplebox .lt {
background-image:url(../images/new_t_l.gif);
background-position:left top;
background-repeat:no-repeat;
}

.purplebox .ct {
height:20px;
margin:0px 20px;
background-image: url(../images/new_s_t.gif);
background-position: top;
background-repeat: repeat-x;
}

.purplebox .rt {
background-image:url(../images/new_t_r.gif);
background-position:right top;
background-repeat:no-repeat;
}

.purplebox .lb {
background-image:url(../images/new_b_l.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

.purplebox .cb {
height:20px;
margin:0px 20px;
background-image: url(../images/new_s_b.gif);
background-position: bottom;
background-repeat: repeat-x;
}

.purplebox .rb {
background-image:url(../images/new_b_r.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
.purplebox .ls {
background-image:url(../images/s_l.gif);
background-position:left;
background-repeat:repeat-y;
}

.purplebox .cm {
color:#ffffff;
margin:0px 20px;
background-color:#7b3994;
display:block;
overflow:hidden;

}





.purplebox .rs {
background-image:url(../images/s_r.gif);
background-position:right;
background-repeat:repeat-y;
}

/* ------------- Purple Box end -------------------- */

/* ------------- Login Box start -------------------- */

#loginwrapper
{
	min-width:400px;
	width:400px;
	margin:auto; 
}

.loginbox 
{
	display:block;
	overflow:hidden;
	width:250px;
	padding-top:5px;
	float:left;
}

.loginleft
{
	background-image:url(../images/topbox_left.gif);
	background-position:left;
	background-repeat:repeat-y;
	height:36px;
	width:8px;
	float:left;
}

.logincontent
{
	background-image:url(../images/topbox_back.gif);
	background-repeat: repeat-x;
	height:36px;
	float:left;
	padding-top:5px;
}

.loginright
{
	background-image:url(../images/topbox_right.gif);
	background-position:right;
	background-repeat:repeat-y;
	height:36px;
	width:8px;
	float:left;

}

.logintitle
{
	font-size:1.2em;
	font-weight:bold; 
	float:left;	
	clear:both;
}

.logintext
{
	float:left;
	width:90px;
	color:#ffffff;
}

.logininput
{
	width:120px;
}

.loginlink
{
	color:#ffffff;
	text-decoration:underline;
	padding-top:10px;
	float:left;
}

.loginbutton
{
	background-image:url(../images/flowers_but_login_off.gif);
	width:50px;
	height:15px;
	display:block;	
}

.loginbutton.hover
{
	background-image:url(../images/flowers_but_login_on.gif);
}

.loginbuttonwrapper
{
	float:left; 
	padding-top:12px
}

/* ------------- Login Box end -------------------- */

/* ------------ Search Pages start -----------------*/

#searchbox, #searchresults, #auditlogsearchbox, auditlogsearchresults
{
	min-width:902px;
	width:902px;
}

.searches
{
	display:block;
}

.searchlabel, .searchaddlabel
{
	float:left;	
	padding:3px 5px 0 0;	
	text-align:left;
	width:80px;	
	
}

.searchaddlabel
{
	width:740px;
}

.searchentry
{	
	float:left;
	width:250px;
	margin-bottom:10px; 
}


/* ------------ Search Pages end -----------------*/

/* ------------ Flowers Style buttons start ------*/
.flowerbutton {
height:21px;
}

.flowerbutton div {
height:21px;
float:left;
display: inline-block;
}

.fbl {
background-image: url(../images/new_button_left.gif);
width:4px;
}

.fbm 
{
	background-color:#ffffff;

}

.fbm input {
background:transparent;
width: auto;
border:0px;
overflow: visible;
cursor:hand;
cursor:pointer;
}

.fbr {
background-image: url(../images/new_button_right.gif);
width:19px;
}
/* ------------ Flowers Style buttons end ------*/

/* -------- Data Grid Default layout start------*/

.datagrid
{
	border: solid 1px #ffffff;
	float:left;
	clear:both;
	width:845px; 
}

.datagrid th
{
	color:#ffffff;
	background-color:#932d91; 
	border: solid 1px #ffffff;
	padding:2px 5px 2px 5px;
}

.datagrid td
{
	color:#7C3996;
	background-color: #ffffff;
	border: solid 1px #932d91;
	padding:2px 5px 2px 5px;
}

.newpurplebox .center .datagrid a
{
	color:#932d91;
}

.datagrid .samerow
{
	border-style:none; 
}

.datagrid .newrow
{
	border-top-style:solid; 
	border-bottom-style:none;   
	border-left-style:none;
	border-right-style:none;  
}


/* -------- Data Grid Default layout end ------*/

/* -------- Member Details layout start ------*/

#memberdetailspage, #proprietordetailspage, #existingproppage, #divMemberNotes, #divMemberNoteDetails, #MemberDocDetails, #divUserSearchbox,
#divUserDetails, #divRoleDetails, #divUserList, #memberselect, .viewwidth
{
	min-width:902px;
	width:902px;
	margin:auto;	

}

.titlebar
{
	background-image:url(../images/gray_but_back.gif);
	height:22px;
	color:#666666;	
	display:block;
	overflow:hidden;	
	width:100%;
}

.titlebar .titletext, .titlebar .titletextindent
{
	font-weight:bold; 	  
	font-size:1.05em;
	color:#333333;	
	padding-top:2px; 
}

.titlebar .titletextindent
{
	padding-left:10px;
}

.titlebar .barnav
{
	font-weight:bold; 	  
	font-size:1.2em;
	color:White;	
	padding-top:1px; 
	padding-left:10px;
	padding-right:10px;
	float:left;
	cursor:pointer;
	cursor:hand; 
	text-decoration:none;
    height: 15px;
}

.fulllengthlabelmoney
{
	float:left;
	display:block;
	overflow:hidden;
	min-height:25px;
	border:solid 1px #828282;
	width:250px;
	padding-top:4px;
}

.fulllengthlabel, .halflengthlabel, .thirdlengthlabel, .twothirdlengthlabel, .quarterlengthlabel
{
	float:left;
	display:block;
	overflow:hidden;
	min-height:25px;
	/* border:solid 1px #828282; */
	width:830px;
	padding-top:4px;
}

.halflengthlabel
{
	width:280px;
}

.thirdlengthlabel
{
	width:280px;
}

.twothirdlengthlabel
{
	width:570px;
}

.quarterlengthlabel
{
	width:210px;
}

.fulllengthbox, .halflengthbox, .thirdlengthbox, .twothirdlengthbox, .thirdlengthboxend, .quarterlengthbox, .quarterlengthboxend
{
	float:left;
	display:block;
	overflow:hidden;
	border:solid 1px #828282;
	min-height:25px;
	width:853px;
	padding-top:4px;
	padding-left:5px;
}

.halflengthbox
{
	width:423px;
}

.thirdlengthbox
{
	width:279px;
}

.thirdlengthboxend
{
	width:281px;
}

.twothirdlengthbox
{
	width:567px;
}

.quarterlengthbox
{
	width:209px;
}

.quarterlengthboxend
{
	width:205px;
}

.plainlabel, .hourslabel
{
	display:block;	
	overflow:hidden;
	padding-left:3px;
	height:25px;
}

.plainlabelRight
{
	display:block;	
	overflow:hidden;
	padding-left:3px;
	height:25px;
	text-align:right;
}

.addressbox, .moneybox, .deliverydetailsbox
{
	float: left;
	margin-left: 10px;
	width: 570px;
	border: solid 1px black;
	background-color: #ffffff;
	color:#7C3996;
	height:125px;
}

.moneybox
{
	width:250px;
}

.deliverydetailsbox
{
	width:830px;
}

.hourslabel
{
	float:left;
}

.memberlabel, .memberlabel200, .memberlabel400, .addresslabel, .memberlabelshort, .memberlabelshortbold, .memberlabel140
{
	float:left;
	width:125px;
	padding-left:3px;
}

.memberlabel, .memberlabel200, .memberlabel400, memberlabel140
{
	height:25px;
}

.memberlabelshort, .memberlabelshortbold
{
	width:80px;
}

.memberlabelshortbold
{
	font-weight:bold;
}

.memberlabel200
{
	width:200px;
}

.memberlabel140
{
	width:140px;
}

.memberlabel400
{
	width:400px;
}

.addresslabel
{
	clear:left;
}
/* -------- Member Details layout end   ------*/

#UserSearchResultsGrid div .datagrid
{
	width:400px;
}

.hidcolumn
{
	width:0px;
	padding:0px !important;
}

/* ------- Admin home screen layout start -----*/

.whitebox
{
	background-color:#ffffff;
	height:200px;
}

.adminbox
{
	float:left;
	height:50px;
	width:150px;
	margin-left:20px;
}

.adminbox .sectiontitle 
{
	font-family:Arial Narrow;
	color:BlueViolet;
	font-style:italic;
	font-size:large;
	font-weight:bold; 
}

.adminbox .sectiontext 
{
	font-family:Arial Narrow;
	color:#932d91 !important;
	font-style:normal;
	font-size:small;
}

.admintoptext
{
	color:#000000;
	float:left;
	padding-top:18px;
}

/*---------System Data Screen --------------*/
.sysdataadmin
{
    display:block;
    overflow:hidden;
}
.sysdataadmin input
{
    width:50px;
}
.sysdataadmin select
{
    width:56px;
}
input.sysdatasavebutton
{
    width:80px;
    float:right;
}
.sysdataadminleft
{
    float: left;
    width: 50%;
}
.innerleft
{
    margin-top:10px;
    float:left;
    width:200px;
    padding-left:20px;
    padding-top:3px;
}
.sysdataadminright
{
    float:right;
    width:50%;
}
.innerright
{
    margin-top:10px;
    padding-right:20px;
}
/*---------System Data Screen End------------*/

/* ------- Lookups layout start -----*/

.containertitle
{
    padding-left:140px;
    margin-bottom: 5px;
}


.regionleft
{
    float:left;
    padding-left:140px;
    margin-top:5px;
}
.regionleft .regionname
{
    width:250px;
}
.regionright
{
    float:right;
    padding-right:160px;
    margin-top:5px;
}
.regionright select
{
    width:150px;
}
/* ------- Lookups layout end -----*/


/*---------Exception & order screens start------------*/
.validationlabel
{
	float:left;
	padding-bottom:5px;
	width:180px
}


.exceptioncheckbox
{
	width:210px;
	float:left;
}

/*---------Exception & order screens end------------*/

/*---------Popups layout start------------*/

.popupbodyclass {background-image:none; background:#ffffff; height:100%;}

/*---------Popups layout end------------*/

/*---------Order popup screens start------------*/

.popupwidth
{
	width:646px;
	background-color:#ffffff; 	
    margin-left: 10px;
    margin-right:10px;

}

.popuptext
{
	display:inline-block; 
	font-size:0.95em; 
	  
}

.popupsubtitle
{
	font-size:1.08em;
	font-weight:bold; 
	margin-left:100px;	
}

.popuplabel, .popuplabel78, .popuplabeltall, .popuplabel110, .popuplabel120, .popuplabel150, .popuplabel300
{
	float:left;
	width:85px;
	margin-right:5px; 
	margin-left:5px; 
	font-weight:bold; 
}

.popuplabeltall, .popuplabel78, .popuplabel110, .popuplabel150
{
	padding-top:10px;
	padding-bottom:10px;	
}

.popuplabel78
{
	width:78px;
	margin-right:3px;
}

.popuplabel110
{
	width:110px;
}

.popuplabel120
{
	width:120px;
}

.popuplabel150
{
	width:150px;
}

.popuplabel300
{
	width:300px;
}

.popupthirdbox, .popuptwothirdbox, .popuphalfbox, .popupfullbox
{
	float:left;
	display:block;
	overflow:hidden;
	border:solid 1px #828282;
	min-height:25px;
	width:602px;
	padding-top:4px;	
}

.popuphalfbox
{
	width:300px;
}

.popupthirdbox
{
	width:200px;
}

.popuptwothirdbox
{
	width:400px;
}

.popuphalfcolumn, .popuphalfcolumnleft, .popupthirdcolumn
{
	float:left;
	display:block;
	overflow:hidden;	
	min-height:25px;	
	width:290px;
	margin:2px;
}

.popuphalfcolumnleft
{
	
	border-right:border:solid 1px #828282;
	width:300px;
	
}

.popupthirdcolumn
{
	width:190px;
}

.popupdatagrid
{
	border: solid 1px #ffffff;
	float:left;
	clear:both;
	width:560px; 
	margin-left:8px; 
}

.popupdatagrid th
{
	color:#ffffff;
	background-color:#932d91; 
	border: solid 1px #ffffff;
	padding:2px 5px 2px 5px;
	font-size:0.95em;
}

.popupdatagrid td
{
	color:#7C3996;
	background-color: #ffffff;
	border: solid 1px #932d91;
	padding:2px 5px 2px 5px;
	font-size:0.95em;
}

.newpurplebox .center .popupdatagrid a
{
	color:#932d91;
}

.popupitemmessage
{
	width:557px; 
	margin-left:15px; 
	height:59px;
}

.padtop10
{
	padding-top:10px;
}

.errorslistbox
{
	width:475px;
}

.borderedbox
{
	border:solid 1px #828282;
}

.linkbuttonright
{
	padding-right:10px;
	float:right
}

.errormessage
{
    color: White;
    font-weight:bold;
}

/*---------Order popup screens end--------------*/