/* Copyright 2006 Submit-A-Plan.com */

body {
	margin: 0;
	padding: 0;
	font-size:8pt;
	background: none;
	font-family: Tahoma, Arial, Sans Serif;
	text-align:center;

	/* The below is attempt to tackle IE 'onload' problem  */
	/*behavior: url(loaded.htc);*/
}

body.suppressOverlay
{
	behavior: none;
}

p {
	margin: 0 0 10px 0;
	color: #191919;
	text-align: justify;
	line-height: 1.4em;
}
p, td, input,textarea
{
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 8pt;
}


a:link, a:visited { color: #C21E15; text-decoration:underline; }
a:hover { color: #DE190E; text-decoration:none; }

img {
	border: 0;
}

.clear {
	clear:both;
	height: 0;
}

form {
	margin:0;
}


/*  HEADER  */

#header {
	margin: 0 auto 0 auto;
	padding: 19px 0 0 17px;
	background: #fff url(./images/dataspaceonline.jpg) no-repeat;
	background-position:center;
	width:1000px;
	height:107px;
	text-align:left;
}


/* TOP MENU & BREADCRUMB  */

#menu {
	margin: 0 auto;
	width:1000px;
	background: #000 url(./images/menu.gif) repeat-x top;
	height:25px;
}

#menu .menuitems, #fmenu .menuitems {
	margin-right:20px;
	margin-left:20px;
	padding-top:5px;
	font-weight:bold;
	color: #ffffff;	
}
#fmenu a:link, #fmenu a:hover, #fmenu a:visited
{
	color: #ffffff;
} 
#menu .menuitems, *html #menu .menuitems
{
	float:right;
}

*html #menu .menuitems, *html #fmenu .menuitems {
	margin-right:10px;
	margin-left:10px;
	padding-top:5px;
	font-weight:bold;
	color: #ffffff;	
}

#menu a:link, #menu a:visited, #fmenu a:link, #fmenu a:visited { color: #fff; text-decoration: none; }
#menu a:hover, #fmenu a:hover { color: #FFF; text-decoration: underline; }



/* MENU TABS */

    #tabsF {
      float:left;
      background:#fff;
	  font-weight: bold;
      line-height:normal;
      }
    #tabsF ul {
	margin:0;
	padding:0;
	list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background:url(./images/tableft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 12px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background:url(./images/tabright.gif) no-repeat right top;
      padding:5px 12px 4px 0;
      color:#000;
      }
     #tabsF a.selected
     {
		background:url(./images/curtableft.gif) no-repeat left top;
     }
     #tabsF a.selected span
     {
        background:url(./images/curtabright.gif) no-repeat right top;
		color: #fff;
     }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -26px;
      }
    #tabsF a:hover span {
      background-position:100% -26px;
      }
      
/*  BUTTONS  */
    a.btn, a.btn:visited, a.btn_disabled, a.btn_disabled:visited {
      background:url(./images/butleft.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 12px;
      text-decoration:none;
      height:26px;
      }
    a.btn span, a.btn_disabled span {
      float:left;
      display:block;
      background:url(./images/butright.gif) no-repeat right top;
      padding:5px 12px 8px 0px;
      color:#000;
      font-weight:bold;
      text-decoration:none;
      text-align: center;
      }
      a.btn_disabled span
      {
		color: #888888;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    a.btn span, a.btn_disabled span {float:none;}
    /* End IE5-Mac hack */
    a.btn:hover span {
      color:#FFF;
      }
    a.btn:hover {
      background-position:0% -26px;
      }
    a.btn:hover span {
      background-position:100% -26px;
      }


/*  MAIN LAYOUT  */

#iWrapper {
	margin:0px auto auto 10px;
	width: 1000px; /* = 1000px total width, minus 20px allowing for padding */
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: url(./images/main.gif) none;
	text-align:left;
}

#holderCont { /* surrounds content and rightContent to maintain same height alignment */
	width:1000px;
	margin:0;
	border: 0; 
	padding:0;
}

#rightCont {
	float: right;
	width: 167px;
	margin-left:0px;
	vertical-align: top;
	padding:0;
}

#content {
	clear:both;
	float: left;
	width: 804px;
	border: 1px solid #BEBEBE;
	padding: 0px;
	margin: 0;
	background: url(./images/content.gif) no-repeat bottom;
}

#content2 {
	clear:both;
	width: 784px;
	border: 1px solid #BEBEBE;
	padding: 0px;
	margin: 0;
}


/*  RIGHT CONTAINERs */

#adBox {
	width: 164px;
	border: none;
	margin-bottom: 9px;
	padding:0;
}

#contBox {
	width: 164px;
	border: 1px solid #BEBEBE;
	padding:0;
	margin:0;
	padding: 5px;
	margin-bottom: 10px;
	background: url(./images/contTitle.gif) repeat-x top;
}
#contBox .title {
	font-weight:bold;
	padding-bottom: 12px;
}

.logout {
	margin-top:7px;
}


/*  H's  */

h1 {
	color: #C21E15;
	padding:0;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	margin:0 0 5px 0;
}

.h2, h2
{
	font-weight: bold;
	font-size: 8pt;
}

h3
{
		color: #C21E15;
}



/*  FOOTER MENU  */

#fmenu {
	clear:both;
	margin: 0 auto;
	width:1000px;
	text-align:center;
	background: #000 url(./images/menu.gif) repeat-x top;
	height:25px;
}


/*  FOOTER LOGOS & COPYRIGHT  */

#footer {
	margin: 0 auto;
	width:1000px;
	height:47px;
}

#footer .copyright {
	text-align:center;
	padding-top:7px;
	color: #555555;
}

/* DataSpace Online specifics */

.lvBorder
{
	border: solid 1pt #BEBEBE;
}

.hr
{
	border: none;
	border-top: solid .5pt #8485B2;
}

.listviewHeader:link, .listviewHeader:hover, .listviewHeader:visited, .listviewHeader
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
.listviewCheckbox
{
	border: none;
	margin: 0px;
	margin-top: -8px;
	clip: rect( 1px, 4px, 1px, 1px );
	padding: 0px;
	height: 18px;
	font-size: 4px;
	overflow: hidden;
}

.listview, .listviewHover, .listviewSelected
{
	text-decoration: none;
	border: solid .5pt #ffffff;	
	padding-top: 2px;
	margin-top:1px;
}

.treeview, .treeviewHover, .treeviewSelected
{
	text-decoration: none;
	margin-bottom: 0px;
	margin-top:1px;
	margin-left: 0px;
	padding-left: 16px;
	padding-top: 2px;
	padding-right: 8px;
	height: 20px;
	background: url( './images/listview/blob.gif' ) no-repeat left;
	border: solid .5pt #ffffff;	
}
.treeviewHover, .listviewHover, .folderviewHover, .fileviewHover
{
	text-decoration: none;
	background-color: #f0f0f0;
	border: solid .5pt #d0d0d0;	
	cursor: pointer; 
	cursor: hand; 	
}
.folderview, .folderviewHover, .folderviewSelected
{
	text-decoration: none;
	margin-bottom: 0px;
	margin-top:1px;
	margin-left: 0px;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 8px;
	height: 20px;
	background: url( './images/listview/folder.gif' ) no-repeat left;
	border: solid .5pt #ffffff;	
}

.fileview, .fileviewHover, .fileviewSelected
{
	text-decoration: none;
	margin-bottom: 0px;
	margin-top:1px;
	margin-left: 0px;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 8px;
	height: 20px;
	background: url( './images/listview/docs.gif' ) no-repeat left;
	border: solid .5pt #ffffff;	
}

.treeviewSelected, .listviewSelected, .folderviewSelected, .fileviewSelected
{
	text-decoration: none;
	background-color: #e5e5e5;
	border: solid .5pt #BEBEBE;
	color: #0000a0;
}

.dataPager
{
	border: solid 1pt #BEBEBE;
}
.dataPager span
{
	border: none;
}

A.dataPager, A.dataPager:hover, A.dataPager:visited
{
	border: none;
	margin-left: 2px;
	margin-right: 2px;
}

.defaultButton
{
	font-weight: bold;
}

.errormessage, .errormsg
{
	color: #a00000;
}

.infopanel
{
	padding:4px;
	border: solid 1pt #c0c0c0;
	background: #f0f0f0;
}

.Box
{
	width:610px;
}
 
	.title
	{
	background: #000 url(./images/menu.gif) repeat-x top;
	text-align:left;
	color:#ffffff;
	font-weight:bold;
	height:25px;
	}
	
	.title-paid
	{
		background: #000 url(./images/menu-grey.gif) repeat-x top;
		text-align:left;
		color:#ffffff;
		font-weight:bold;
		height:25px;
	}
	
		.title-text
		{
			margin:5px 5px 0px 5px;
		}
		
		.col-text
		{
			margin:5px 5px 0px 5px;
			float:left;
		}
			
		.description
		{
			width:332px;
			float:left;
		}
		
		.qty
		{
			width:93px;
			float:left;
			text-align:center;
		}
		
		.amount
		{
			width:185px;
			float:left;
			text-align:right;
		}
	
	
	.descriptionCol
	{
		width:332px;
		float:left;	
		border-left:solid 1px #e90000;
		border-bottom:solid 1px #e90000;
		height:25px;
		background-color:#fdeaea;								
	}
	
	.qtyCol
	{
		width:93px;
		float:left;	
		border-left:solid 1px #e90000;
		border-bottom:solid 1px #e90000;		
		text-align:center;	
		height:25px;
		background-color:#fdeaea;			
	}
	
	.amountCol
	{
		width: 181px !Important;
		width:185px;
		float:left;		
		border-left:solid 1px #e90000;
		border-right:solid 1px #e90000;
		border-bottom:solid 1px #e90000;
		height:25px;
		text-align:right;
		background-color:#fdeaea;			
	}

	.descriptionCol-paid
	{
		width:332px;
		float:left;	
		border-left:solid 1px #9c9c9c;
		border-bottom:solid 1px #9c9c9c;
		height:25px;
		background-color:#eeeeee;								
	}
	
	.qtyCol-paid
	{
		width:93px;
		float:left;	
		border-left:solid 1px #9c9c9c;
		border-bottom:solid 1px #9c9c9c;		
		text-align:center;	
		height:25px;
		background-color:#eeeeee;			
	}
	
	.amountCol-paid
	{
		width: 181px !Important;		
		width:185px;
		float:left;		
		border-left:solid 1px #9c9c9c;
		border-right:solid 1px #9c9c9c;
		border-bottom:solid 1px #9c9c9c;
		height:25px;
		text-align:right;
		background-color:#eeeeee;			
	}
	
.Total
{
	width:610px;
	text-align:right;
}

	.Total-Due
	{
		width:470px;
		float:left;
		height:25px;
	}

	.Total-Box
	{
		width:130px;
		border:solid 1px #e90000;
		float:right;
		height:25px;
		background-color:#fdeaea;			
	}
	
	.Total-Box-paid
	{
		width:130px;
		border:solid 1px #9c9c9c;
		float:right;
		height:25px;
		background-color:#eeeeee;			
	}
	
.clear
{
	clear:both !Important;	
}
.break
{
	height:5px;
}