
/* ================================= */
/*  floor_duty CALENDAR		     */
/* ================================= */

div.floor_duty_daily {

}

div.floor_duty_daily a {
	display: block;
}

div#calendar {
	position:relative;
}

div.floor_duty_calendar {
	width:637px;
	margin-top:15px;
	overflow:hidden;
	border-bottom:solid 1px;
	border-right:solid 1px;
	position:relative;
}

div.calendar_days {
	width:637px;
	height:20px;
	background:#CCCCCC;
	border-top:solid 1px;
}

div.calendar_days div {
	float:left;
	width:90px;
	height:20px;
	text-align:center;
	line-height:20px;	
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	border-left:solid 1px;
}

div.calendar_days div:after {
    content:"."; 
    display:block; 
    height:0px;
    clear:both; 
    visibility:hidden;
}

div.calendar_boxes {
	width:90px;
	height:95px;
 	float:left;
	position:relative;
	font-size:9px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:#fefefe;
	overflow:hidden;
	border-left:solid 1px;
	border-top:solid 1px;
}

div.calendar_boxes a {
	font-weight:normal;
	text-decoration:none;
	display:block;
	margin-bottom:4px;
}

div.calendar_boxes a:hover {
	text-decoration:underline;
}

div.calendar_boxes div {
	position:absolute;
	top:17px;
	left:0px;
	width:100%;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:11px;
}

div.unused_day {
	background:#dddddd;
}


div.calendar_boxes a.timeslot_open {
	text-decoration:none;
	font-weight:bold !important;
	padding-left: 2px;
	display: block;
	text-align: left;
	background-color: #f00;
	color: #fff;
}

div.calendar_boxes a.timeslot_open:hover {
	text-decoration:none;
	background-color: #c00;
}

div.calendar_boxes a.timeslot_pending_change {
	text-decoration:none;
	font-weight:bold !important;
	padding-left: 2px;
	display: block;
	text-align: left;
	background-color: #ff0;
	color: #00f;
}

div.calendar_boxes a.timeslot_pending_change:hover {
	text-decoration:none;
	background-color: #cc0;
}

div.calendar_boxes a.timeslot_filled {
	padding-left: 2px;
	display:block;
	text-align:left;
	background-color: none;
}

a.view_day {
	font-weight:bold !important;
	display:block;
	text-align: left;
	border-bottom: 1px solid #ccc;
	background-color: #dedede;
	padding-left: 2px;
}

/* EXISTING ELEMENT STYLES */

html {
	height:100%;
}

body {
	margin:0px;
	height:100%;
	background-color:#FFFFFF;
	color:#363636;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

h1 {
	color:#31468a;
	font-size: 16px;
	font-weight:normal;
	padding-top:0px;
	margin:0px;
	margin-left:10px;
}

h2 {
	color:#31468a;
	font-size: 14px;
	font-weight:normal;
	padding-top:0px;
	margin:0px;
}

h3, .h3 {
	font-weight:bold;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#5c80c9;
	padding:0px;
	margin:0px;
	margin-top:10px;
}

h4 {
	font-size:12px;
	color:#31468a;
	font-weight:normal;
	padding-top:0px;
	margin:0px;
}

h5 {
	font-size: 9pt;
}

h6 {
	font-size: 8pt;
}

p {
	text-indent:20px;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	margin-top:10px;
	font-size:11px;
}

td {
	font-size:11px;
}

ul {
	font-size:11px;
}

a {
	color:#2d4086;
	text-decoration:underline;
	outline: none;
}

form {
	margin:0px;
}

/* HEADER-BANNER STYLES */

.header {
	background:url(../images/bg_header_repeat.jpg) #5d84eb repeat-x left top;
	height:127px;

	position:relative;
}

.voffice {
	background:url(../images/voffice.jpg) no-repeat right top;
	width:100%;
	height:127px;
	position:absolute;
	top:0px;
	left:0px;
}

.headerInner {
	background:url(../images/bg_header.jpg) no-repeat left top;
	height:127px;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.logo {
	background:url(../images/grt_logo.jpg) no-repeat left top;
	width:767px;
	height:127px;
	position:absolute;
	top:0px;
	left:0px;
}

.contactInfo {
	width:330px;
	height:11px;
	overflow:hidden;
	background:url(../images/contact_info.jpg) no-repeat left top;
	float:right;
	margin-right:20px;
	margin-top:5px;
}

.contactInfo a{
	display:block;
	width:330px;
	height:11px;
	overflow:hidden;
}

.contactInfo a:hover{
	background:url(../images/contact_info_hover.jpg) no-repeat left top;
}

/* MAIN NAVIGATION STYLES */

.navMain {
	width:504px;
	height:21px;
	overflow:hidden;
	background:url(../images/bg_nav_main.jpg) repeat-x top left;
	position:absolute;
	top:127px;
	left:0px;
}

.navMain table td{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
	text-transform:uppercase;
	color:#232e3a;
	position:relative;
}

.navMain a{
	display:block;
	height:21px;
	overflow:hidden;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/nav_main_arrow.jpg) no-repeat right 3px;
	padding-right:15px;
	margin-left:17px;
	margin-top:-10px;
	position:relative;
}

.navMain a:hover{
	text-decoration:underline;
}

.navMain span{
	color:#232e3a;
	position:relative;
	top:3px;
	left:18px;

}

.navMain .cap{
	width:68px;
	height:21px;
	background:url(../images/bg_nav_main_cap.jpg) no-repeat top left;
	position:absolute;
	top:0px;
	left:436px;
}

.navMainBg {
	height:21px;
	background:url(../images/bg_nav_main_repeat.jpg) repeat-x top left;
}

.navSec {
	width:172px;
	position:absolute;
	top:164px;
	left:0px;
	overflow:hidden;
}

.navSec a{
	display:block;
	width:142px;
	overflow:hidden;
	background:url(../images/bg_nav_sec_up.gif) no-repeat left top;
	text-decoration:none;
	color:#2d4086;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-transform:uppercase;
	padding-left:30px;
	padding-top:6px;
	padding-bottom:6px;
	margin-top:-1px;
}

.navSec a:hover{
	background:url(../images/bg_nav_sec_dwn.gif) no-repeat left top;
}

.moduleNav {
	margin-bottom:20px;
	padding-bottom:15px;
	background:url(../images/bg_nav_module.jpg) bottom repeat-x;
}

.moduleNav a {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2d4086;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
}

.moduleNav a:hover {
	text-decoration:underline;
}

/* PAGE STRUCTURE STYLES */

.masterAdminTable {
	width:100%;
	height:100%;
	background:url(../images/bg_bottom_bar.jpg) repeat-x left bottom;
}

.masterContentArea {
	vertical-align:top;
	padding-top:170px;
	padding-left:187px;
	padding-bottom:21px;
}

.legal {
	width:100%;
	height:17px;
	overflow:hidden;
	margin-top:-17px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	text-transform:capitalize;
}

.legal a{
	color:#FFFFFF;
	text-decoration:none;
}

.legal a:hover{
	text-decoration:underline;
}


.preload { /* Used for Mouse-Over Images */
	visibility:hidden;
}

.fieldContainer {
	display:block;
	border-left:solid #5c80ca 3px;
	font-weight:bold;
	font-size:9px;
	color:#5c80c9;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top:10px;
	margin-left:30px;
	padding-top:0px;
	padding-left:5px;
	line-height:7px;
	position:relative;
}
/*
.fieldContainer select {
	height:17px;
}
*/
.display {
	position:absolute;
	top:0px;
	left:260px;
}

.displayCheck {
	position:absolute;
	top:6px;
	left:270px;
}

.fieldRep {
	font-weight:bold;
	font-size:11px;
	color:#5c80c9;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-top:5px;
	margin-left:38px;
	display:block;
}

.fieldRep input{
	margin:0px;
}

.fieldValue {
	width:244px;
	border:solid #7f9db9 1px;
	background:#FFFFFF;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	margin-bottom:-1px;
	margin-top:2px;
	padding:0px;
	padding-left:2px;
	padding-top:2px;
	color:#363636;
}

.selectValue {
	width:244px;
	height:17px;
	background:#FFFFFF;
	border:solid #7f9db9 1px;
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	text-transform:none;
	color:#363636;
}

.selectValueMulti {
	width:248px;
	background:#FFFFFF;
	border:solid #7f9db9 1px;
	margin-top:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:0px;
	text-transform:none;
	color:#363636;
}

.textAreaValue {
	width:244px;
	height:46px;
	background:#FFFFFF;
	border:solid #7f9db9 1px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	margin-bottom:-1px;
	margin-top:2px;
	padding:0px;
	padding-left:2px;
	padding-top:2px;
	color:#363636;
}

.fileValue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:0px;
	margin-bottom:-1px;
	margin-top:2px;
	padding:0px;
	padding-left:2px;
	padding-top:2px;
	color:#363636;
}

.zip {
	width:50px;
}

.plus_four {
	width:40px;
}

.upload input{
	font-size:12px;
}

.imgPreview {
	width:358px;
	height:203px;
	border:solid #e9e9e9 1px;
	overflow:auto;
	background:url(../images/bg_imgpreview.gif) #f8f8f8 repeat left top;
	text-align:center;
	padding:5px;
}

.editButton a{
	display:block;
	width:40px;
	height:19px;
	overflow:hidden;
	background:url(../images/edit_button_up.gif) no-repeat left top;
}

.editButton a:hover{
	background:url(../images/edit_button_dwn.gif) no-repeat left top;
}

input.editButton{
	border:none;
	display:block;
	width:40px;
	height:20px;
	overflow:hidden;
	background:url(../images/edit_button_up.gif) no-repeat left top;
}

.viewButton a{
	display:block;
	width:40px;
	height:19px;
	overflow:hidden;
	background:url(../images/view_button_up.gif) no-repeat left top;
}

.viewButton a:hover {
	background:url(../images/view_button_dwn.gif) no-repeat left top;
}

.lightrow {
	background:url(../images/bg_lightrow.jpg) repeat-x left bottom;
	height:33px;
}

.darkrow {
	background:url(../images/bg_darkrow.jpg) repeat-x left bottom;
	height:33px;
}

.catRow{
	color:#31468a;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/bg_nav_module.jpg) repeat-x left bottom;
}

.catRow td{
	height:15px;
	line-height:15px;
	padding-bottom:10px;
}

.subcatRow{
	color:#31468a;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:url(../images/bg_sub_nav_module.jpg) repeat-x left bottom;
}

.subcatRow td{
	height:15px;
	line-height:15px;
	padding-bottom:10px;
}

.checkRow {
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#4b63ab;
	color:#FFFFFF;
}

.checkRow span{
	padding-right:5px;
}

.checkRow div {
	background:#769dd8;
	height:1px;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
}

.checkRow input{
	vertical-align:middle;
	margin-bottom:5px;
}

.checkRowFooter {
	height:11px;
	background:url(../../images/bg_nav_module.jpg) repeat-x left top;
	overflow:hidden;
}


.option {
	width:800px;
	margin-left:10px;
	color:#31468a;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#4b63ab;
	margin-bottom:15px;
}

.optionContainer {
	background:#4b63ab;
	font-weight:normal;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	padding-top:2px;
	padding-bottom:2px;
}
.optionItem {
	height:20px;
	float:left;
	padding-right:5px;
	background:#4b63ab;
}
.optionItem input{
	vertical-align:middle;
	margin-bottom:5px;
}

.optionBorder {
	height:11px;
	background:url(../images/bg_nav_module.jpg) repeat-x left top;
	overflow:hidden;
}

.dripdrop {
	width:410px;
	background:url(../images/dripdrop.jpg) no-repeat 50% 15px;
}

.login {
	height:320px;
	background:url(../images/login.jpg) no-repeat center 20px;
}

.loginBox {
	width:359px;
	height:141px;
	background:url(../images/login_bg.jpg) no-repeat center top;
	position:absolute;
	top:179px;
	left:50%;
	margin-left:-179px;
}

.error {
	display:block;
	font-size:9px;
	color:#992e2e;
	margin-top:-20px;
	margin-bottom:8px;
}

/* MAIN CONTENT STYLES */

.form_table1 .field_title1 {
	background-image:url(../images/form_images/field_bg1.jpg);
	text-align:right;
	padding-right:8px;
}

.form_table1 .field_title2 {
	background-image:url(../images/form_images/field_bg2.jpg);
	text-align:center;
}

.form_table1 .field_data1 {
	background-image:url(../images/form_images/field_bg1.jpg);
}

.form_table1 .field_data1 input {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

.form_table1 .filed_data4 {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.form_table1 .field_title_user1 {
	background-image:url(../images/form_images/field_bg1.jpg);
	text-align:right;
	padding-right:8px;
}

.form_table1 .field_title_pass1 {
	background-image:url(../images/form_images/field_bg1.jpg);
	text-align:right;
	padding-right:8px;
	font-weight:bold;
}
.form_table1 .field_title_pass2 {
	background-image:url(../images/form_images/field_bg1.jpg);
	text-align:right;
	padding-right:8px;
	font-weight:bold;
}

.form_table1 .field_save1 {
	background-image:url(../images/form_images/field_bg2.jpg);
}

/*###############################################
#			HELP SECTION STYLES					#
###############################################*/

.help_title1 {
	font-weight:bold;
	color:#000000;
	font-size:12px;
}

.help_title1a {
	font-weight:bold;
	color:#2DB00C;
	font-size:12px;
}

table.sortable {
	background:url(../images/new_table_rows.jpg) repeat left top;
	text-align:center;
}

table.sortable a.sortheader {
	background-color:#FFFFFF;
	color:#333333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	/*text-decoration:underline;*/
	
}
table.sortable span.sortarrow {
	color: red;
	font-size:16px;
	font-weight:bold;
}

/* ================================ */
/*  TENPERPAGE HEADER STRUCTURE		*/
/* ================================ */

div.display_per_page {
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
	line-height:20px;
	font-size:11px;
}

div.filter_per_page {
	width:270px;
	text-align:right;
	position:absolute;
	top:0px;
	left:50%;
	line-height:20px;
}

div.sort_per_page {
	width:270px;
	text-align:right;
	position:absolute;
	top:20px;
	left:50%;
	line-height:20px;
}

div.sort_per_page select, 
div.filter_per_page select {
	font-size:11px;
	width:150px;
}

div.page_nav {
	position:relative;
	top:0px;
	left:0px;
	height:40px;
	overflow:hidden;
}

div#bottom_page_nav {
	top:-30px;
}

div.num_bar {
	height:40px;
	line-height:40px;
	text-align:left;
	position:relative;
	top:0px;
	left:0px;	
	font-size:11px;
}

div.num_bar a {
	padding:0px 3px;
}

div.page_jump {
	width:125px;
	text-align:right;
	position:relative;
	top:-40px;
	left:415px;
	font-size:11px;
	height:40px;
	line-height:40px;
}


	.img_manage_buttons{
   color:#FFFFFF;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   background-color:#5C80CA;
	 border:none;
	}
div.details_field {
	float:left;
	margin-right:10px;
	width:120px;
}
div.details_value {
	
}

