#outer-wrapper
{
    margin:0 auto;
    width: 960px;
}

.admin-h1
{
    border-bottom: solid 1px #000; 
    color: #000; 
    padding-bottom: 5px
}

.admin-h1-span
{
    color:#000080;
}

.login-text
{
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: right;
}

#loginStatus1
{
    font-weight: bold;
    margin-top: -10px;
}


.content-heading
{
    border-bottom: solid 1px #000;
    font-family: arial; 
    font-size: 18px;
    font-weight: bold;
}

.content-subheading
{
    font-family: arial; 
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}



/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px Arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #aaa; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
    position: relative;
    z-index: 1;
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
xbackground-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
xbackground-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #aaa; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #eee; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}

ul#tabnav li a#current
{
    background-color: #fff;
    border-bottom: solid 1px #fff;
    position: relative;
    z-index: 10;
}

/* end css tabs */


.message-box
{
    border: solid 2px red; 
    color: #000; 
    height: 20px; 
    padding: 5px; 
    text-align: center;
}

.message-box p
{
margin-top: 0;
}


#content-box
{
    border: solid 1px #aaa; 
    height:100%;
    overflow: auto;
    margin-top: -12px; 
    padding: 10px
}

html>body #content-box
{
    border: solid 1px #aaa; 
    min-height:100%;
    overflow: auto;
    margin-top: -12px; 
    padding: 10px
}




/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
	border  : 1px solid #CCC;
	border-collapse: collapse;
    font: 11.5px/1.3 Arial, sans-serif;
}
table
{
	border:none;
	border:1px solid #CCC;
	width: 100%;
}
table tr th
{
	background: #FFF url(images/th_bck.gif) repeat-x;
    color: #666;  
    font-weight: bold;
	padding: 5px 10px;
    border-left: 1px solid #CCC;
    text-align: left;
}
tbody th
{
    background: #fafafb;
    border-top: 1px solid #CCC;
    text-align: left;
    font-weight: normal;
}
tr td
{
    padding: 5px 10px;
    color: #666;
}
tr:hover
{
    xbackground: #FFF url(images/tr_bck.gif) repeat;
}

tr:hover td
{
    color: #454545;
}

caption
{
	text-align: left;
	font-size: 120%;
	padding: 10px 0;
	color: #666;
}
table a:link
{
	color: #666;
}
table a:visited
{
	color: #666;
}
table a:hover
{
	text-decoration: none;
}

/* end css table */


#GridView1 table td
{
    border: none;
    float: left;
    width: 10px;
}

#GridView1 table
{
    border: solid 1px #fff;
}

#GridView1 table tr
{
    border: solid 1px #fff;
}


#GridView1 table tr:hover
{
    background: #fff;
}


#GridView1 table tr td a:hover
{
    font-weight: bold;
    text-decoration: underline;
}



/* upload document */

.border
{
    border-bottom: dotted 1px #ccc; 
    margin-bottom: 10px;
}

.form-row
{
    height: 35px; 
    font-size: 14px;
}

.success-box
{
    background-color: #eee;
    border: solid 1px #aaa;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    width: 716px;
}

.error-box
{
    background-color: red;
    border: solid 1px #aaa;
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 5px;
    text-align: center;
    width: 716px;    
}


/* add users */

.add-user 
{
    background-color: white;
    border-style:none;
    color: #000;
    width: 100%;
}

.add-user table
{
    background-color: white;
    border-style: none;
    margin-left: -10px;
}

.add-user tbody tr td
{
    border-style: none;
}

.add-user table tr
{
    background-color: white;
    border-style: none;
}


.add-user tbody td
{
    background-color: White;
}

.add-user table tr td
{
    border-style: none;
}

.add-user tr:hover
{
    background: none;
}

.add-user label
{
    margin-left: -10px;
    text-align: right;
}

#CreateUserWizard1___CustomNav0_StepNextButtonButton
{
    float: left;
    margin-left: -20px;
}

#CreateUserWizard2___CustomNav0_StepNextButtonButton
{
    float: left;
    margin-left: -20px;
}

#CreateUserWizard3___CustomNav0_StepNextButtonButton
{
    float: left;
    margin-left: -20px;
}

.content-user-heading
{
    font-family: arial; 
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: -10px;
    margin-top: 0;    
}

/* Login Page */

#login
{
    height: 180px;
    margin: 0 auto;
    margin-top: 200px;
    width: 510px;    
}

#login-left
{
    border-right: solid 1px #aaa;
    float: left;
    height: 180px;
    width: 225px;
}


#login-left p
{
    font-family: verdana, arial, sans-serif;
    font-size: 13px;
    margin-top: 3px;
    text-align: center;
}

#login-left h1
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center;
}

#login-logo
{
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 45px;
}

#login-right
{
    float: right;
    height: 180px;
    width: 280px;
}

#login-right table
{
    margin-top: 12px;
}

#login-right table tr:hover
{
    background: none;
}

#login-right table
{
    border-style: none;
}

#login-right tr td
{
    border-style: none;
}

#Login1_LoginButton
{
    margin-right: 25px;
}

#Login1_UserName
{
    width: 120px;
}

#Login1_Password
{
    width: 120px;
}



/* Secretaries List */

.secretaries-list
{
    width: 50%;
}

/* Solicitors List */

.solicitors-list
{
    width: 50%;
}


/* Client Area */

#content-left-client
{
    float: left; 
    width: 480px;
}

#content-right-client
{
    float: right; 
    margin-top: -5px;
    padding: 5px; 
    width: 230px
}

#content-right-client .label
{
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 40px; 
	padding: 0; 
	margin: 8px 4px 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-size: 75%;
padding-right: 5px;
}

#content-right-client .textbox
{
	margin:5px 0 0 10px;

}

.client-submit-button 
{
    color: #fff;
    background: #818181;
    border: solid 1px #898989;
    float: right;
    margin-top: 4px;
    margin-right: 27px;
}

#client-message-sent
{
    background-color: #ccc; 
    border: solid 2px #aaa; 
    color: #000; 
    font-weight: bold; 
    height: 22px; 
    padding: 2px; 
    margin-top: 0; 
    margin-bottom: 5px; 
    text-align: center
}