/* 
 * Chinese Medicine Trial Database
 * (c) 2013 CR Web Solutions
 * ------------------------------------
 * Stylesheet
 */
 
*
{
	margin: 0px;
	padding: 0px;
	outline: 0;
}

/****************/
/*   defaults   */
/****************/
input, select {
	font-family: Arial, Helvetica, sans-serif;	
}

a:link {
	color: #2e5cd2;
	text-decoration: none;
}

a:visited {
	color: #2e5cd2; 
	text-decoration: none;
}

a:active {
	color: #2e5cd2; 
	text-decoration: none;
}

a:hover {
	color: #2e5cd2;
	text-decoration: underline;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 15px;
	font-weight: bold;
	color: #666666;
}

label {
	padding-left: 30px;
	padding-right: 5px;
	padding-top: 3px;
	margin-top: 0;			
	float: left;
	text-align:right;
	width: 85px;	
}

img
{
	border:0px;
}

#main_container {	
	width:100%;
	padding-top:5px;
	position:relative;
	float:left;
}

#main-content {
	float:left;
	width: 100%;	
}

/*header*/
#header {	
	margin: 0 auto;
	padding: 0;
	width: 960px;
	padding-bottom:5px;
}

#logo {	
	border: none;
	float: left;
	height: 80px;	
	margin: 29px 0 1px 27px;
	outline: none;
	padding: 0;
	position: relative;
	width: 400px;
}

#unisouthlogo {	
	border: none;
	float: right;
	height: 80px;	
	margin: 29px 0 1px 27px;
	outline: none;
	padding: 0 35px 0 0;
	position: relative;
	width: auto;
}

/***************/
/*   buttons   */
/***************/
/*a.button-sml {    
   margin:0;
   border:0;
   display: -moz-inline-stack;
   display: inline-block;
   width: 60px!important;
   height: 24px!important;
   cursor:pointer;
   background: url(../images/button-sml.png?i=1) no-repeat;
   line-height: 25px!important;
   vertical-align: text-middle;
   text-align: center;
   color: #1a191a;
   font-family: Calibri;
   font-size: 14px;
   font-weight: normal;
   font-style: normal;   
   text-decoration:none;
   text-shadow: #ffffff 1px 1px 0;  
   
   /* add depth to the buttons - webkit only */  
/*  	-moz-box-shadow: 0 2px 4px -3px #444;
	-webkit-box-shadow: 0 2px 4px -3px #444;
	box-shadow: 0 2px 4px -3px #444; 
}
a.button-sml.red {
	background: url(../images/button-sml-red.png) no-repeat;
	color: red!important;
}
a.button-sml > span, a.button-sml.red > span {
   display: -moz-inline-block;
}
a.button-sml:hover, a.button-sml.red:hover {
	background-position:0 -24px!important;	
}
a.button-sml:active, a.button-sml.red:active {
	background-position:0 -48px!important;	
}

a.button-sml-faded {
   margin:0;
   border:0;
   display: -moz-inline-stack;
   display: inline-block;
   width: 60px!important;
   height: 24px;
   cursor:default;
   line-height: 25px;
   vertical-align: text-middle;
   text-align: center;   
   font-family: Calibri;
   font-size: 14px;
   font-weight: normal;
   font-style: normal;   
   text-decoration:none;   
   background: url(../images/button-sml-faded.png?i=3) no-repeat;
   color: #aaa!important;
   text-shadow: #ffffff 1px 1px 0;
}
a.button-sml-faded > span {
   display: -moz-inline-block;
}

a.button-large-faded {
   margin:0;
   border:0;
   display: -moz-inline-stack;
   display: inline-block;
   width: 120px;
   height: 24px;
   cursor:default;
   line-height: 25px;
   vertical-align: text-middle;
   text-align: center;   
   font-family: Calibri;
   font-size: 14px;
   font-weight: normal;
   font-style: normal;   
   text-decoration:none;
   text-shadow: #ffffff 1px 1px 0;
   background: url(../images/button-large-faded.png) no-repeat;
   color: #ccc; 
}
a.button-large-faded > span {
   display: -moz-inline-block;
}

a.button-large {    
	margin:0;
   	border:0;
   	display: -moz-inline-stack;
   	display: inline-block;
   	width: 120px!important;
   	height: 24px!important;
   	cursor:pointer;
   	background: url(../images/button-large.png?i=1) no-repeat;
   	line-height: 25px;
   	vertical-align: text-middle;
   	text-align: center;
   	color: #1a191a;
   	font-family: Calibri;
   	font-size: 14px;
   	font-weight: normal;
   	font-style: normal;   
   	text-decoration:none;
   	text-shadow: #ffffff 1px 1px 0;
      
   	/* add depth to the buttons - webkit only */  
 /* 	-moz-box-shadow: 0 2px 4px -3px #444;
	-webkit-box-shadow: 0 2px 4px -3px #444;
	box-shadow: 0 2px 4px -3px #444;
	
}
a.button-large.red {
	background: url(../images/button-large-red.png?i=1) no-repeat;
	color: red;
}
a.button-large.blue {
	background: url(../images/button-large-blue.png?i=1) no-repeat;
	color: #275c7f;
}
a.button-large > span, a.button-large.red > span, a.button-large.blue > span {
   display: -moz-inline-block;
}
a.button-large:hover, a.button-large.red:hover, a.button-large.blue:hover {
	background-position:0 -24px;	
}
a.button-large:active, a.button-large.red:active, a.button-large.blue:active {
	background-position:0 -48px;	
}*/

/* css buttons */
a.button-sml-faded, a.button-large-faded {
	font-family: Helvetica, Arial, sans-serif;
   	background-color: #f5f5f5;
   	background-image: wekbit-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:    -moz-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:     -ms-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:      -o-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:         linear-gradient(to bottom,#fff,#e6e6e6);
   	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
    	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
        	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
   	border: 1px solid #ddd;
	border-color: #e6e6e6 #d6d6d6 #cfcfcf;
   	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
        	border-radius: 4px;
   	width: 60px;
   	padding:6px 0;
   	display: inline-block;
   	font-size: 12px!important;
   	text-align: center;
   	color: #aaa;
   	text-shadow: 0px 1px 1px rgba(255,255,255,1);
   	text-decoration:none;
	cursor:default;
}

a.button-sml, a.button-large {
	font-family: Helvetica, Arial, sans-serif;
   	background-color: #f5f5f5;
   	background-image: wekbit-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:    -moz-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:     -ms-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:      -o-linear-gradient(to bottom,#fff,#e6e6e6);
   	background-image:         linear-gradient(to bottom,#fff,#e6e6e6);
   	-webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
    	-moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
        	box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
   	border: 1px solid #aaa;
	border-color: #d6d6d6 #d6d6d6 #afafaf;
   	-webkit-border-radius: 4px;
    	-moz-border-radius: 4px;
        	border-radius: 4px;
   	width: 60px;
   	padding:6px 0;
   	display: inline-block;
   	font-size: 12px!important;
   	text-align: center;
   	color: #666;
   	text-shadow: 0px 1px 1px rgba(255,255,255,1);
   	text-decoration:none;
	cursor:pointer;
	
	/*-webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;*/
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
	
}
a.button-large,a.button-large-faded {
	width:120px;
}
a.button-sml:hover, a.button-large:hover {
   	border: 1px solid #aaa;
   	color: rgba(102,102,102,1);
   	text-shadow: 0px 1px 1px rgba(255,252,255,1);
}
a.button-sml:active, a.button-large:active {
	background: #e6e6e6;
    -webkit-box-shadow: 0px 1px 5px 0px #808080 inset;
    -moz-box-shadow: 0px 1px 5px 0px #808080 inset;
    box-shadow: 0px 1px 5px 0px #808080 inset;
}
/* button red */
a.button-sml.red, a.button-large.red {
	color: #fff;	
	background:rgb(252, 154, 154);
	border-color: rgb(255, 123, 123);
	background-image: -webkit-linear-gradient(to bottom,rgb(252, 154, 154),rgb(255, 84, 84));
   	background-image:    -moz-linear-gradient(to bottom,rgb(252, 154, 154),rgb(255, 84, 84));
   	background-image:     -ms-linear-gradient(to bottom,rgb(252, 154, 154),rgb(255, 84, 84));
   	background-image:      -o-linear-gradient(to bottom,rgb(252, 154, 154),rgb(255, 84, 84));
	background-image: 		  linear-gradient(to bottom,rgb(252, 154, 154),rgb(255, 84, 84));
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
a.button-sml:hover.red, a.button-large:hover.red {
	color: #fff;	
	border-color: red;
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
a.button-sml.red:active, a.button-large.red:active {
	background-image: -webkit-linear-gradient(top, rgba(230, 93, 93,1) 0%,rgba(230, 93, 93,1) 100%);
   	background-image:    -moz-linear-gradient(top, rgba(230, 93, 93,1) 0%,rgba(230, 93, 93,1) 100%);
   	background-image:     -ms-linear-gradient(top, rgba(230, 93, 93,1) 0%,rgba(230, 93, 93,1) 100%);
   	background-image:      -o-linear-gradient(top, rgba(230, 93, 93,1) 0%,rgba(230, 93, 93,1) 100%);
   	background-image:         linear-gradient(top, rgba(230, 93, 93,1) 0%,rgba(230, 93, 93,1) 100%);
   	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	color: #fff;	
	border-color: red;
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
/* button blue */
a.button-sml.blue, a.button-large.blue {
	color: #fff;	
	background: rgb(175, 195, 217);
	border-color: rgb(124, 152, 188);
	background-image: -webkit-linear-gradient(to bottom,rgb(175, 195, 217),rgb(124, 152, 188));
   	background-image:    -moz-linear-gradient(to bottom,rgb(175, 195, 217),rgb(124, 152, 188));
   	background-image:     -ms-linear-gradient(to bottom,rgb(175, 195, 217),rgb(124, 152, 188));
   	background-image:      -o-linear-gradient(to bottom,rgb(175, 195, 217),rgb(124, 152, 188));
	background-image: 		  linear-gradient(to bottom,rgb(175, 195, 217),rgb(124, 152, 188));
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
a.button-sml:hover.blue, a.button-large:hover.blue {
	color: #fff;	
	border-color: #4d74a7;
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
a.button-sml.blue:active, a.button-large.blue:active {
	background-image: -webkit-linear-gradient(top, rgba(124, 152, 188,1) 0%,rgba(124, 152, 188,1) 100%);
   	background-image:    -moz-linear-gradient(top, rgba(124, 152, 188,1) 0%,rgba(124, 152, 188,1) 100%);
   	background-image:     -ms-linear-gradient(top, rgba(124, 152, 188,1) 0%,rgba(124, 152, 188,1) 100%);
   	background-image:      -o-linear-gradient(top, rgba(124, 152, 188,1) 0%,rgba(124, 152, 188,1) 100%);
   	background-image:         linear-gradient(top, rgba(124, 152, 188,1) 0%,rgba(124, 152, 188,1) 100%);
   	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	color: #fff;	
	border-color: rgb(124, 152, 188);
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
/* button black */
a.button-sml.black, a.button-large.black {
	color: #fff;	
	background:#333;
	border-color: #666;
	background-image: -webkit-linear-gradient(to bottom,rgb(90, 90, 90),rgb(0,0,0));
   	background-image:    -moz-linear-gradient(to bottom,rgb(90, 90, 90),rgb(0,0,0));
   	background-image:     -ms-linear-gradient(to bottom,rgb(90, 90, 90),rgb(0,0,0));
   	background-image:      -o-linear-gradient(to bottom,rgb(90, 90, 90),rgb(0,0,0));
	background-image: 		  linear-gradient(to bottom,rgb(90, 90, 90),rgb(0,0,0));
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
a.button-sml:hover.black, a.button-large:hover.black {
	color: #fff;	
	border-color: #000;
	text-shadow: 0px 1px 1px rgba(50,50,50,1);	
}
a.button-sml.black:active, a.button-large.black:active {
	background-image: -webkit-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(30,30,30,1) 100%);
   	background-image:    -moz-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(30,30,30,1) 100%);
   	background-image:     -ms-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(30,30,30,1) 100%);
   	background-image:      -o-linear-gradient(top, rgba(30,30,30,1) 0%,rgba(30,30,30,1) 100%);
   	background-image:         linear-gradient(top, rgba(30,30,30,1) 0%,rgba(30,30,30,1) 100%);
   	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
	color: #fff;	
	border-color: #000;
	text-shadow: 0px 1px 1px rgba(50,50,50,1);
}
/* CSS3 Buttons */
/*a.button-large {
    padding: 5px 15px;
    background: #5183ae;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
a.button-large:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
a.button-large:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}*/

/****************/
/*   page bar   */
/****************/
#pagebar {	
	float:left;
	padding-top:2px;
	font: normal 13px "Helvetica Neue", "Arial Unicode MS", Helvetica, Arial, sans-serif;
	width:100%;
}

#pagebar a {
	text-decoration:none;
	border:1px solid #eee;
	background:#fff;
	margin:0 1px 0 0;
	padding:0 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
}

#pagebar a:hover {
	text-decoration:none;
	border:1px solid #BAD4E6;
	background:#f1f6f9;
}

#pagebar b {
	font-weight:bold;
	color:#2E5CD2;
	/*border:1px solid #eee;*/
	background:#fff;
	padding:0 1px;
	font-size:11px;
	/*-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;*/
}

#pagebar .selected {
	padding:0 3px;
	font-weight:bold;
	color:#aaa;
	border:1px solid #fff;
	font-size:11px;
}

/*****************/
/* miscellaneous */
/*****************/

#mainMsg {
	display:block;
	position:relative;
	width:900px;
	font-size:14px;		
	font-weight: bold;
	text-align: center;
	color:red;
	margin:0 30px 15px 30px;
	padding:5px 0;
	border:1px solid #ec9f9a;
	background: #f8dbd8;
	
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
	border-radius: 5px 5px 5px 5px;	
	
	-moz-box-shadow:    inset 0 0 2px #fff;
   	-webkit-box-shadow: inset 0 0 2px #fff;
   	box-shadow:         inset 0 0 2px #fff;
}

#mainMsg span {
	background: url(../images/exclamation.png) no-repeat 0 0;
	padding:0 0 0 20px;
}

#loggedInMsg, #loggedOutMsg {
	position:absolute;
	top:-30px;
	z-index:600;
	color: #837c3d;
	font-size:16px;
	width:300px;
		
	left:50%;
	margin-left:-160px;
	
	padding:8px 20px;	
	font-weight: normal;
	text-align: center;
	display:none;	
	background:#fef9d2;
	border:1px solid #dfd159;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;	
	border-radius: 3px 3px 3px 3px;
}

.bottom-shadow {
	background: url(../images/block-bottom.jpg) repeat-x top left;
	height: 11px;
	width: 900px;
	margin: 0 auto;
}

.bottom-shadow .shadow-left {
	background: url(../images/block-bottom-left.jpg) no-repeat top left;
	height: 11px;
	width: 90px;
	float: left;
}

.bottom-shadow .shadow-right {
	background: url(../images/block-bottom-right.jpg) no-repeat top right;
	height: 11px;
	width: 90px;
	float: right;
}

.top-shadow {
	background: url(../images/block-top.gif?i=3) repeat-x top left;
	height: 11px;
	width: 900px;
	margin: 0 auto;
}

.top-shadow .shadow-left {
	background: url(../images/block-top-left.gif?i=3) no-repeat top left;
	height: 11px;
	width: 90px;
	float: left;
}

.top-shadow .shadow-right {
	background: url(../images/block-top-right.gif?i=3) no-repeat top right;
	height: 11px;
	width: 90px;
	float: right;
}

.clear {
	clear:both;
}

/*****************/
/* form defaults */
/*****************/
.form-container {		
	width:auto; /* important for resizing colorbox */
	padding: 0;
	margin: 0!important;
	float:left;
}

.form-container h3 {
	/*font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color: #fff;
	/*border-top: 1px solid #fff;*/
	width: 100%;
	border-bottom: 1px solid #ccc;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 15px 6px 10px 12px;
	/*background: #5183ae url(../images/title_bg1.gif?i=1) repeat-x bottom left;*/
	/*background: #7c98bc;*/
	background: #7c98bc url(../images/cb-header.png?i=4) no-repeat top left;
	
}

.form-container h3 span.tn_add_trial {
	background: url(../images/tn_addtrial.png) no-repeat 0 -32px;	
	padding:1px 22px;		
}

.form-container h3 span.tn_update_trial {
	background: url(../images/tn_edit.png) no-repeat 0 -32px;		
	padding:1px 22px;	
}

.form-container h3 span.tn_view_trial {
	background: url(../images/tn_viewtrial2.png?i=1) no-repeat 0 0;		
	padding:1px 22px;	
}

.form-container h3 span.tn_manage_data {
	background: url(../images/tn_managedata.png?i=1) no-repeat 0 -32px;			
	padding:1px 22px;	
}

.form-container h3 span.tn_manage_users {
	background: url(../images/tn_manageusers.png?i=1) no-repeat 0 -32px;			
	padding:1px 22px;	
}

.form-container h4 {
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:0;
	padding:10px 0 5px 0px;
	font-size:18px;
	font-weight:block;
	letter-spacing:0;
	font-family: "Trebuchet MS", Tahoma, Arial, Sans-serif;
	/*border-bottom: 1px solid #c7d7e3;*/
	color:#000;	
	text-shadow: #ffffff 1px 1px 1px;
	/*border-bottom:1px solid #eee;*/
}

.a-part {	
	float:left;
	margin:0px 0;	
	width:720px;	
	border-top:1px solid #f7f9fb;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:left;	
	float:left;	
	text-align:left;
	font-weight: normal;	
	padding: 0 0 0 20px;	
	margin:0;	
	color:#275c7f;	
	line-height:20px;
	width:290px;	
}

.red {
	color:red;	
}

.form-container input, .form-container select, .form-container input[disabled], .form-container textarea {
	float:left;	
	display:inline;			
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin-bottom:2px;
}

.form-container input {
	padding:2px 6px;	
	width:60px;
	border-width: 1px;
	border-style: solid;
	border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
}

.form-container input.small {
	width:40px!important;
}

.form-container input.large {
	width:160px;
}

.form-container input.vlarge {
	width:290px;
}

.form-container select.vlarge {
	width:305px;
}

.form-container input.date, .form-container input.medium {
	width:130px;
}

.form-container select.date {
	width:70px;
}

.form-container input[type=text], .form-container select, input[disabled], .form-container textarea {	
	padding:2px 6px;
	width:auto;
	border:1px solid #aaa;	
}

.form-container input[readonly] {
	background:#eee;
	color:#999;
}

.form-container textarea {
	font-family: Arial, Helvetica, sans-serif;
	width:550px;
	margin-bottom:2px;
	height:30px;
}

.form-container select {
	width:auto;	
	padding:1px 2px;
}

.formHeader {	
	float:left;
	padding:0 10px 5px 10px;
	color:#888;
	font-size:11px;
	margin:0;	
	width:545px;	
}

.formPart {
	/*position:relative;
	clear:both;*/
	float:left;	
	display:block;
	padding:2px 20px 0 10px;	
	margin:0;		
	width:690px;		
}

.formPart img {
	padding-top:3px;
	padding-left:2px;
}

.formSub {	
	float:left;		
	width:100%;
	padding-bottom:10px;
	margin:0 0 10px 0;
	/*background: url(../images/divider.gif?i=2) no-repeat bottom;	*/
}

.formStep h5 {
	padding-left:40px;
	padding-bottom:10px;
	font-size:15px;
	text-shadow: #fff 1px 1px 1px;
	color:#333;
	font-weight:bold;
}

.formStep {
	float:left;
	padding:5px 15px 10px 14px;
	width:700px;
	/*background: #f7f9fb url(../images/formStep.gif?i=1) repeat-x bottom;*/
	background:#fff;
	/*border-bottom:1px dotted #ccc;*/
}


/*******************/
/* main search box */
/*******************/
#lookup-container {	
	margin:0 auto;
	width:100%;
	padding-top:15px;
	padding-bottom:0;
}

#lookup {		
	clear:both;	
	width:962px;
	margin:0 auto;
	text-align:center;	
	color: #222222;	
	padding: 0;
}

.main-search  {
	float:left;
	width:100%;
	margin:0 auto;
	padding-bottom:0;
}

.main-searchbox {	
	float:left;
	position:relative;
	display:block;	
	width:902px;
	
	min-height:350px;
				
	padding: 25px 30px 10px 30px;
	margin: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
	background: #fff url(../images/main-bg.gif) no-repeat;
}

.main-searchbox .reset-btn {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	letter-spacing:0;
	line-height: 22px;
	padding-left:10px;
	background: url(../images/arrow_small.gif) no-repeat left 4px;
}

.main-searchbox .inner {
	float:left;	
	clear:left; /* essential for IE7 */
	padding:25px 0 15px 0;
	/*margin:0 auto;*/
	width:901px;
	/*border:1px solid #a6b9d0;
	border-radius: 5px;
	-webkit-border-radius: 5px;	
	
	moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#e3ebf1), to(#f7f9fb));
	background: -moz-linear-gradient(top,  #e3ebf1,  #f7f9fb);*/
	
	background: #fff url(../images/search-bg.gif?i=4) no-repeat;	
}

.main-search p {
	padding:10px 0 5px;
	margin:0;
}

.main-search .col1 {
	float:left;
	width:500px;
	padding-left:30px;
}

.main-search .col2 {
	float:left;
	width:338px;
	padding-left:10px;
}

.main-search .row {
	float:left;
	clear:left;
	margin:0;
	padding:0;
	width:100%;
	padding:2px 0;
	min-height:25px;
	*height: 25px; /* IE <=7 */
}

.main-searchbox label {
	width:65px;	
	clear:none;
}

.main-searchbox label h3 {
	float:left;
	padding-left:5px;
	font-family: "Helvetica Neue", "Arial Unicode MS", Helvetica, Arial, sans-serif;
	font-size:12px;
}

.main-searchbox input, .main-searchbox select, .main-searchbox input[disabled], .main-searchbox textarea {
	float:left;
}

.main-searchbox input[type="text"], .main-searchbox select, .main-searchbox input[disabled], .main-searchbox textarea {	
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	margin-bottom:2px;
}

.main-searchbox input[type="text"] {
	padding:2px 6px 2px 6px;	
	border-width: 1px;
	border-style: solid;
	border-color: #848484 #c1c1c1 #e1e1e1 #c1c1c1;
}

.main-searchbox input[readonly] {
	background:#eee;
	color:#999;
}

.main-searchbox input[disabled], .main-searchbox select[disabled] {
	background:#f0f0f0 ;
	border:1px solid #ccc;
}

/* check other browsers - width could be slightly different */
.main-searchbox input.datefield, .main-searchbox select.datefield {
	width:65px;
}

.main-searchbox select.srfield {
	margin-left:5px;
}

.main-searchbox .fieldwrapper {
	float:left;
}

.main-searchbox textarea {
	font-family: Arial, Helvetica, sans-serif;
	width:550px;
	margin-bottom:2px;
	height:30px;
}

.main-searchbox select {
	width:auto;	
	padding:1px 2px;
	border: 1px solid #aaa;
}

.main-searchbox select.sml {
	width:60px;
}

.main-searchbox select.large {
	width:120px;
}

.main-searchbox input.large {
	width:260px;	
	float:left;
}

.main-searchbox #search-btn {
	float:left;
}



/******************/
/* search results */
/******************/
#main {	
	width:902px;
	margin:0;
	padding:0;
}

#main .main_table_container {
	width:100%;
	float:left;
	clear:left;
	position:relative;
	text-align:left;
	padding:0;
	/*background: url(../images/divider.gif) no-repeat bottom;*/
	border-top:1px solid #fff;
	
	font-family: "Helvetica Neue", "Arial Unicode MS", Helvetica, Arial, sans-serif;
}

#main .main_table_container.odd {
	background:#f7f9fb;
}

#main .itemno {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:20px;
	padding-top:6px;
	padding-left:40px;
	padding-right:15px;
	color: #888;	
	font-weight: bold;
}

#main .main_image {	
	position:relative;
	float:left;	
	padding: 3px 20px 0 20px;
	margin: 0;		
	width:80px;
}

#main .main_image img {	
	position:relative;	
	padding: 0;
	margin: 0;		
}

#main .main_info {
	float:left;	
	width:660px;
	padding-top:5px;	
}

#main .main_view {
	float:left;	
	width:100px;
	padding-top:40px;
}

#main .nextline {	
	clear:left;
	float:left;
	padding-bottom:2px;
}

#main .nextline b {	
	float:left;
	width:90px;
	color: #888;
	font-size: 11px;
	font-weight:normal;
	line-height:20px;
}

#main .nextline span {
	float:left;	
	font-size:13px;
}

#main .nextline span a {
	font-size:16px;	
}

#main h3 {
	float:left;
	padding:5px 0 10px 2px;
	text-align:left;
	font-size:12px;
	width:870px;
	/*border-bottom:1px dotted #ccc;*/
	font-family: "Helvetica Neue", "Arial Unicode MS", Helvetica, Arial, sans-serif;
}

#main #main_ajax {
	float:left;
	width:960px;
}

table.main {border-spacing: 0; } /* IMPORTANT, I REMOVED border-collapse: collapse; FROM THIS LINE IN ORDER TO MAKE THE OUTER BORDER RADIUS WORK */
table.main {

	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#cecece;
	margin:0 auto;
	border:#a6b9d0 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	/*-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;*/
	
	width:100%;
		
}
table.main th {
	padding:15px 25px 15px 20px;
	border-top:1px solid #5183ae;	
	border-bottom:1px solid #e0e0e0;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#5183ae), to(#5183ae));
	background: -moz-linear-gradient(top,  #5183ae,  #5183ae);
	background: #5183ae;
		
	color:#fff;
	text-shadow: 1px 1px 0px #000;
}

/* alternative */
table.alt th, table.alt td {
	padding:5px 25px 5px 25px!important;
}

table.alt th {
	border-top:1px solid #efefef!important;
}

table.alt td {
	text-align:left;
}

table.alt tr:hover td {
	background: #fff!important;
}
/**/

table.main th:first-child {
	text-align: left;
	padding-left:20px;
}
table.main tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.main tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.main tr {
	text-align: left;
	padding-left:20px;
}
table.main td:first-child {
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.main td {
	padding:10px 18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	text-align:left;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
	background: #fafafa;
}
table.main tr.even td {	
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
	background: #f6f6f6;
}
table.main tr:last-child td {
	border-bottom:0;
}
table.main tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.main tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.main tr:hover td {	
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
	background: #f2f2f2;
}

table.main th.head {
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 1px 0px #000;
	
	border-top: 1px solid #afc3d9;
	border-bottom:1px solid #e0e0e0;
	/*border-left:1px solid #cfe5f5;*/

	background: #7c98bc;
}

.title_wrapper {	
	float:left;
	padding:0;
	line-height:20px;
}

.title {
	float:left;
	display:block;
	padding-right:6px;
}

.title-paper {	
	clear:left;
	float:left;
	padding:1px 0 0 14px;	
	color:#aaa;
	background: url(../images/title-paper.png?i=3) no-repeat;
}

.edit-td {
	/*position:absolute;
	right:5px;
	top:20px;*/
	
	position:relative;
	padding-left:5px;
	visibility:hidden;
	display:inline;
}

/****************/
/*    footer    */
/****************/
#footer
{
	position:relative;
	clear:both;
	color: #ccc;			
	/*background: url(../images/footer1.gif) repeat-x;	*/
	width: 902px;
	font-size: 12px;
	letter-spacing:1px;
	height: 35px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: center;	
}

#footer #site {
	/*right:0;
	position:absolute;*/
	display:inline-block;
}

#footer #site a { letter-spacing:0; color: #7694E0; }

/****************/
/*     body     */
/****************/
body {
	font-family: Calibri, Sans-Serif, Verdana, Arial;
	font-size: 16px;
	color: #333;
	padding:0;
	margin:0;
	height:100%;
	width: 100%;
	margin:auto;
	/*background-color: #dee6ef;*/	
	background: #fff url(../images/topGradBG.gif?i=1) repeat-x;
	background-position:0 114px;
}

body.login {
	background:#f7f9fb url(../images/rchm-bg-big.gif?i=1) repeat;
	/*background:#f7f9fb;*/
}