html {
  height:               100%;
}
body {
  
  background-repeat:    repeat-x;
  background-position:  top;
  background-color:     #FFFFFF;
  font-family: Arial, sans-serif;
  height:               100%;
  margin:               0px;
  padding:              0px;
  font-size:            11px;
}
img {
  border-style:         none;
}
a {
  text-decoration:      none;
  font-weight:          bold;
  cursor:               pointer;
}
a:link, a:active, a:visited {
  color:                #8E8E8D;
}
a:hover {
  color:                #000000;
}
p {
  margin:               0px;
  padding:              0px;
}

.green {
  color:                #3C9B2C;
  font-weight:          bold;
}
.title {
  color:                #3C9B2C;
  font-size:            14px;
  font-weight:          bold;
  padding-top:          5px;
  padding-bottom:       10px;
}
.error_div {
  border: solid 4px red;
  padding: 10px;
}
.error_header {
  color:                red;
  font-weight:          bold;
  font-size:            18px;
}
.error {
  color:                red;
  font-weight:          bold;
  font-size:            10px;
}
.success {
  color:                green;
  font-weight:          bold;
  font-size:            10px;
}
#frame {
  width:                100%;
  height:               100%;
}
.calendar_image {
  cursor:               pointer;
  vertical-align: middle;
}
/******************HEADER******************/
#header_top {
  height:               10px;
  background-image:     url(../images/framework_header_top.gif);
  background-repeat:    repeat-x;
}
#header {
  font-size:            11px;
  background-color:     #FFFFFF;
  height: 50px;
}

/******************NAVIGATION******************/
#nav_bar {
  vertical-align:       top;
  width:                140px;
  height:               100%;
  border:               solid 1px #CCCCCC;
  /*padding:              5px;*/
  margin-top:           5px;
  background-color:     #FFFFFF;
}
.nav_module {
  margin-top:           3px;
  margin-bottom:        3px;
}
.nav_module_link {
  margin-top:           3px;
  margin-bottom:        3px;
  font-size:            11px;
}
.nav_page_link {
  margin:               3px 0px 3px 5px;
  font-size:            12px;
}

/******************CONTENT******************/
.box_header {
	/*background-image:     url(../images/blue_grad.jpg);*/
  /*background-repeat:    repeat-x;*/
  /*background-position:  top;*/
  /*background-color: #2f72b5;*/
  padding:              0px 0px 0px 5px;
	margin:                 0px;
	font-size:            12px;
	height:               27px;
	line-height:          27px;
	vertical-align:        middle;
	color:                #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	/*background: url("../images/tabs/bg_grey.jpg");*/
  background: url("../images/tabs/bg_grey.jpg");
	font-weight: bold;
}

.box_cell {
	border:               solid 1px #CCCCCC;
	border-left: none;
	background-color:     #FFFFFF;
	width: 100%;
}

.box {
  vertical-align:       top;
  border:               none;
  background-color:     #FFFFFF;
  padding-top:          15px;
}

.box_contents {
	font-size:            11px;
	padding-left: 5px;
}
.box_contents_2 {
  padding:              0px 2px 0px 0px;
  font-size:            11px;
}
.toolbar {
  height:               24px;
  background-image:     url(../images/framework_gradient_toolbar.gif);
  background-repeat:    repeat-x;
  font-size:            11px;
  font-weight:          bold;
  padding-top:          2px;
  padding-left:         10px;
}
.toolbar a {
  color:                #FF6600;
  text-decoration:      none;
}
.toolbar a:hover {
  color:                #FFB889;
  cursor:               pointer;
}
.seperator {
  height:               3px;
  width:                100%;
  margin-top:           1px;
  margin-bottom:        1px;
  background-image:     url(../images/framework_seperator.gif);
  background-repeat:    repeat-x;
}

.border_h {
	background-image: url(../images/backgrounds/bg_horizontal_line.jpg);
	height: 5px;
}
.border_v {
	background-image: url(../images/backgrounds/bg_vert_line.jpg);
	background-repeat: repeat-y;
	width: 5px;	
}

/******************DATAGRID BEGIN******************/
.datagrid {
	background-color:     #FFFFFF;
	border: 1px solid #CCCCCC;
}
.datagrid th {
	background-image: url("../images/tabs/bg_grey.jpg");
	color: #000000;
	padding:              2px 5px 1px 5px;
	cursor: pointer;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.datagrid th:hover {
  color:                #999999;
}
.datagrid th a:link, .datagrid th a:active, .datagrid th a:visited {
  color:                #527DA5;
}
.datagrid th a:hover {
  color:                #08456B;
}
.datagrid tr.item_odd, tr.item_withsub_odd, tr.sub_item_odd, tr.sub_item_withsub_odd {
  background-color:     #E3E3E3;
}
.datagrid tr.item_even, tr.item_withsub_even, tr.sub_item_even, tr.sub_item_withsub_even {
  background-color:     #FFFFFF;
}
.item_disabled, .item_withsub_disabled, .sub_item_withsub_disabled {
  background-color:     #FFAAAA;
}
.item_invalid, .item_withsub_invalid, .sub_item_withsub_invalid {
  background-color:     red;
}

.datagrid tr.highlight {
  background-color:     #2f72b5;
  color: #FFFFFF;
}

.datagrid tr.open {
  background-color:     #5c99d6;
  color: #FFFFFF;
}

.datagrid tr.selected {
  background-color:     #88ff55;
}
.datagrid tr.selected td a {
  color:     #000000;
}
.datagrid td {
  padding:              2px 5px 2px 5px;
}

.sub_table {
  border: solid 1px black;
}

.sub_data_div {
  padding: 0px 15px 0px 15px;
}

.sub_table tr {
  font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	color: #666666;
  background-color:     #FFFFFF;
}
.sub_table tr.highlight {
  background-color:     #EFEFEF;
  color: #000000;
}

.sub_table tr td {  
  border-bottom: 1px solid #EFEFEF;
}


img.thumb {
  width:  200px;
  height:  150px;
}

#datagrid_loading {
  visibility:           hidden;
}
/******************DATAGRID END******************/

.click_edit:hover {
  cursor:               crosshair;
}

.input_disabled {
  background: #DDD7C6;
}

.input_readonly {
  background: #DDD7C6;
  color:      #333333;
}


#report_type, #group_by {
  width: 120px;  
}

.top_nav_box {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 2px 20px 2px 20px;
}

.top_nav_box td.spacer {
  width: 20px;
}

.bordered_table_2 {
  border: 1px solid #CCCCCC;
}

.bordered_table {
  border: 1px solid #CCCCCC;
  padding: 2px 20px 2px 20px;
}

.add_new_page {
  display: none;
  position: absolute;
  left: 165px;
  top: 235px;
  z-index: 3;
  border: solid 1px black;
}


/******************FIELDSET START******************/

fieldset
{
  border: 1px solid #000000;
  background-color:     #FFFFFF;
  margin: 2px;
}

legend
{
  border-spacing: 2px;
  border: 1px solid #000000;
  padding: 2px 5px 2px 5px;
  text-align: left;
  background-image: url(../images/blue_grad.jpg);
  color: #FFFFFF;
}

fieldset.admin
{
  border: 1px solid red;
  background-color:     #FFFFFF;
  margin: 2px;
}

fieldset.admin legend
{
  border-spacing: 2px;
  border: 1px solid red;
  padding: 2px 5px 2px 5px;
  text-align: left;
  background: #FFAAAA;
  color: red;
}

/******************FIELDSET END******************/
.content_layout {
  border: 1px dashed red; 
  width: 100%;
}
.content_layout tr { 
  height: 150px;
}
.content_layout td {
  border: 1px dashed blue;
}

.content_layout_thumb {
  border: 1px dashed red; 
  background: #FFFFFF;
  width: 100%;
}
.content_layout_thumb tr { 
  height: 20px;
}
.content_layout_thumb td {
  border: 1px dashed blue;
}


/***************** MESSAGE POPUP *******************/

#msg_popup {
  background: #FFFFFF;
  width: 350px;
  border: solid 3px #000000;
  z-index: 100;
  position: absolute;
  font-size: 11px;
}

#msg_popup_content {
  padding: 15px;
}

/***************** END MESSAGE POPUP *******************/

.template_div {
  padding: 5px 5px 5px 5px;
  height: 200px; 
  overflow: scroll;
}

.large_template_div {
  padding: 5px 5px 5px 5px;
  height: 400px; 
  overflow: scroll;
}

.template_div img, .template_disabled_div img {
  cursor: pointer;
  padding: 5px 5px 5px 5px;
}

.img-shadow {
  float:left;
  background: url(../images/backgrounds/shadowAlpha.png) no-repeat bottom right !important;
  background: url(../images/backgrounds/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.img-shadow img {
  display: block;
  /*position: relative;*/
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.dropshadow {
	float:left;
	clear:left;
	background: url(../images/backgrounds/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/backgrounds/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
}
.dropshadow p.inner {
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px;
}

.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/backgrounds/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/backgrounds/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 10px 0 10px 5px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:6px;
	margin: 0px 0px 0px 0px;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	margin:  0px 0px 0px 0px;
}
.innerbox p {
	margin: 3px;
}

.disk_space {
	border: 1px solid #CCCCCC;
}

.image_link img:hover {
  background-color: #000000;
}

#index_flag {
  color: red;
  font-size: 10px;
}

.item_name {
  background-image: url("../images/arrow_right_orange.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px; 
  font-size: 18px;
  font-weight: bold;
  padding-left: 7px;
}

.item_desc  {
  padding-bottom: 10px;   
}

.item_content {  
  padding-top: 10px;
  border-top: 1px solid #CCCCCC; 
}