@import url("datetimepicker.css");
@import url("clixmaster_default.css");
/* required items */
body, span, div, select, input, p, table, tr, td, th, textarea, option, 
a, a:link, a:visited, a:hover, a:active
{
	font-size: 11px;
	font-family: Tahoma;
	color: Black;
	text-decoration: none;
}

.displayarticleblock a:link,
.displayarticleblock a:visited,
.displayarticleblock a:hover,
.displayarticleblock a:active
{
	text-decoration: underline;
}

body
{
	overflow: auto;
	height: 100%;
	width: 100%;
	background-color: white;
	margin: 0px;
}

body.bordered 
{
	-moz-box-sizing: border-box;
	border-width: 1px;
	border-style: groove;
	border-left-color: #000000;
	border-top-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}

/*style confirm popup*/
.referencesWarning
{
	font-weight: bold;
	/*color: #f00;*/
	white-space:normal;
	display: inline;
}

.mm_confirm_buttons
{
	text-align: right;
	vertical-align: middle;
	padding-top: 25px;
	padding-right: 15px;
}
.mm_confirm_container
{
	height:175px;
}
/* MM GridItems */
.mm_grid_pager_style
{
	background-color: #FEFCFF;
}
.mm_grid_pager_style td
{
	font-weight: bold;
	color: #7B7B8C;
}
.mm_grid_pager_style table
{
	padding-left: 5px;
	padding-right: 5px;
}
.mm_grid_pager_style_button
{
	cursor: pointer;
	cursor: hand;
}
.mm_grid_pager_style_number
{
	font-weight: bold;
	color: #BB7B8C;
}
.mm_grid_pager_style_container
{
	border-bottom: solid 2px #9C9EBD;
}
.mm_grid_pager_style_button_disabled
{
	cursor: default;
}
.mm_grid_item_style td, .mm_grid_alternate_item_style td,
.mm_grid_selected_item_style td, .mm_grid_hover_item_style td,
li.mm_grid_item_style, li.mm_grid_hover_item_style, li.mm_grid_alternate_item_style, li.mm_grid_selected_item_style
{
	height: 20px;
	line-height: 16px;
	vertical-align: middle;
	border-bottom: 1px solid #E7E9E3;
	cursor: default;
	padding: 0 7px;
	overflow: hidden;
} 

.mm_grid_item_style td input,
.mm_grid_alternate_item_style td input,
.mm_grid_selected_item_style td input,
.mm_grid_hover_item_style td input
{
	margin-top: 3px;
	height: 13px;
	width: 13px;
}

.mm_grid_item_style td img,
.mm_grid_alternate_item_style td img,
.mm_grid_selected_item_style td img,
.mm_grid_hover_item_style td img
{
	margin-top: 1px;
}

.mm_fixedheader 
{
	border-width: 0px;
	border-collapse: collapse;
	table-layout: fixed;
}

.mm_grid_hover_item_style 
{
	background-color: #F5F5F5;
}

.mm_grid_selected_item_style
{
	background-color: #EDEDED;
}

.mm_grid_header_style td, div.mm_grid_header_style
{
	background: #ece9d8 url('../images/grid_header_bg2.gif');
	height: 22px;
	line-height: 19px;
	padding: 0 7px;
}

.mm_grid_header_style td.firstcell, div.mm_grid_header_style
{
	background-image: url('../images/grid_header_bg.gif');
}

.mm_grid_header_style img
{
	margin-left: 5px;
}
.mm_grid_item_metadata
{
	color: #9C9EBD;
}
.mm_grid_selected_item_style .mm_grid_item_metadata
{
	color: #E7E3EF;
}
.sortable li
{
	cursor: move;
}

.gridouterwrap 
{
	border: 1px solid #ACA899;
	width: 450px;
	margin-right: 5px;
	background: #FFFFFF url('../images/grid_header_bg.gif') repeat-x;
	width: 450px;
	overflow: hidden;
}

.gridinnerwrap 
{
	overflow-x: hidden;
	overflow-y: auto;	
}

.whitearea 
{
	background: #FFFFFF;
}
div#metadataTreeContainer
{
	border: 1px solid #ACA899;
}
.whiteareaRoutingSurvey 
{
	background: #FFFFFF;
	border: 1px solid #ACA899;
	overflow: auto;
	padding-bottom: 10px;	
}
.whiteareaRoutingSurvey table 
{
	width: 100%;
}
.whiteareaRoutingSurvey table td 
{
	padding-left: 7px;
	vertical-align: bottom;
}
.whiteareaRoutingSurvey table td label 
{
	margin: 7px 0 0 0;
	padding: 0;	
}
.whiteareaRoutingSurvey table td select
{
	margin: 5px 0 0 0;
}

/* MM Listview */
.listview_viewport ul.livegrid {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.listview_viewport .livegrid li {
	height: 32px;
	border-bottom: 1px solid #E7E9E3;
	padding: 2px 2px 2px 3px;
	-moz-box-sizing: border-box;
	white-space: nowrap;
	cursor: default;
	vertical-align: top;
}
.listview_viewport .livegrid li.empty 
{
	border: 0;
}

.listview_viewport .livegrid li.selected 
{
	background-color: #EDEDED;
}

.listview_viewport .livegrid li.cut_selected .title
{
	color: lightgrey;
}

.listview_viewport li:hover, .listview_viewport li.hover
{
	background-color: #F5F5F5;
}

.listview_viewport .livegrid li .icon 
{
	position: absolute;
}

.listview_viewport .livegrid .title
{
	text-overflow: ellipsis;
	width: 180px;
	overflow: hidden;
	white-space: nowrap;
}

.listview_viewport .livegrid li span.typename
{
	float:left;
	width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.listview_viewport .livegrid li span.modifydate
{
	float:right;
	margin-right: 16px;
}

.listview_viewport .livegrid li span.modifydate, .listview_viewport .livegrid li span.typename
{
	color: #9c9ebd;
}

.listview_viewport .livegrid span.typename, .listview_viewport .livegrid .title
{
	margin-left: 22px;
}

.listview_viewport
{
	width: 100%;
	height: 100%;
	float: left;
}

.listview_header
{
	width: 100%;
	height: 27px;
	padding-top: 4px;
	border-bottom: 1px solid black;
	-moz-box-sizing: padding-box;
	background-color: #D3D4E1;
	background-image: url(../images/outlookbar/group.gif);
	background-repeat: repeat-x;
}

.listview_header .spinner
{
	position: absolute;
	top: 5px;
	left: 4px;
}

/* search for livegrid */

.listview_gridholdercell
{
	width: 300px;
}

.searchbar
{
	position: relative;
	padding: 0px;	
	padding-bottom: 4px;
	width: 100%;
}

.searchbar .addsearchline 
{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 16px;
	height: 16px;
}

.searchbar .searchholder
{
	position: relative;
	left: 25px;
	border: 1px solid #7F9DB9;
	height: 19px;
	background: white;
	width: 160px;
	text-align: left;
}

.searchbar .searchholder .searchicon
{
	position: absolute;
	top: 0;
	left: 0;
}

.searchbar .searchholder .clearsearchicon 
{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 14px;
	height: 14px;	
}

.searchbar .searchholder input
{
	margin: 0;
	padding: 0;
	height: 15px;
	font-size: 11px;
	padding-left: 26px;
	padding-right: 16px;
	border: none;
	background-color: white;
	width: 100%;
}
/* end search for livegrid */

.search_texthighlight
{
	background-color: #FFFFBB;
	color: black;
}
.propertyfilter-popup 
{
	filter:	progid:DXImageTransform.Microsoft.Shadow(color="#E7DFD6", Direction=135, Strength=4);
	border: 1px outset;
	background: white;
	padding: 6px;
	z-index: 1000;
}
.propertyfilter
{
	padding: 4px;
	display: block;
	width: 180px;
	list-style: none;
	vertical-align: middle;
	cursor: default;
}
.propertyfilter-selected
{
	list-style-type: disc;
}
.hover
{
	background-color: #EDEDED;
	color: black;
}
/* end listview */
.mm_outlookbar
{
	border-collapse:collapse;
	width:100%;
	height:100%;
	table-layout:fixed;
}
.mm_outlookbar_item 
{
	border: 1px solid #A7A5BF;
}
.mm_outlookbar_wysiwyg
{
	border-collapse:collapse;
	table-layout:fixed;
	background-color: #FFFFFF;
}
.mm_outlookbar_item a, .mm_outlookbar_item_hot a, .mm_folder_title_style, .mm_folder_title_style_wysiwyg
{
	width: 100%;
	height: 26px;
	padding-left: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	vertical-align: middle;
	padding-top: 5px;
	display: block;
	-moz-box-sizing: padding-box;
}

.mm_outlookbar_item a:hover
{
	background-image: url(../images/outlookbar/hotgroup.gif);
	background-color: orange;
}
.mm_outlookbar_item a
{
	background-image: url(../images/outlookbar/group.gif);
	background-color: #9C9EBD;

}
.mm_outlookbar_smallitem 
{
	width: 100%;
	height: 26px;
	background-image: url(../images/outlookbar/group.gif);
}

.mm_outlookbar_collapser
{
	border: 1px solid;
	border-color:#A7A5BF;
	width: 100%;
	background-image:url(../images/outlookbar/collapser_bg.gif);
	background-color:#C8C9DE;	
}
.mm_outlookbar_collapser_vertical
{
	z-index: 10;
	position: relative;
	cursor: pointer;
	cursor: hand;
	top: 45%;
}
#tdResizeRight
{
	width: 6px;
	position: relative;
	background-color: #646482;
	/*background-image: url(../shared/images/resize-dot.gif);*/
}
.mm_drag 
{
	cursor:w-resize;
	width:7px;
	height:100%;
	position: relative;
	z-index: 9;
	margin-top: -50px; /* this is the size of mm_outlookbar_collapser_vertical image */
}
#outerTable 
{
	background-color: #E8E9F1;
}
.mm_folder_title_style, .mm_folder_title_style_wysiwyg
{
	background-image: url(../images/outlookbar/currentgroup.gif);
}
.mm_folder_title_style_wysiwyg
{
	border-bottom: ridge 1px #000000;
}
.mm_foldernavigator
{
}
.mm_foldernavigator_selecteditem, .mm_foldernavigator_selecteditem a {
	background:#9C9EBD;
	color:black;
	cursor:hand;
}
.mm_foldernavigator_defaultitem, .mm_foldernavigator_defaultitem a {
	cursor:hand;
	color: Black;
	text-decoration: none;
}
.mm_foldernavigator_disableditem
{
	color: Silver;
}
.mm_datagrid
{
	table-layout: fixed;
}
ul.mm_datagrid
{
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

.mm_datagrid tr td,  .mm_grid_item_style td
{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* MM */
.mm_box_title
{
	font-weight: bold;
}
.mm_label
{
}
.mm_title
{
	font-size: 32px;
	font-weight: bold;
}
.mm_toolbar
{
	background-color: #DEDFEF;
	background-image: url(../images/toolbar_background.gif);
	border-top: solid 1px black;
	border-bottom: solid 1px black;
}
a.mm_toolbar_button, a:hover.mm_toolbar_button, .mm_outlookbar_smallitem a
{
	border: none;
	padding: 3px;
	color: Black;	
	text-decoration: none;
}
.mm_outlookbar_smallitem a 
{
	height: 20px;
}
a:hover.mm_toolbar_button, .mm_outlookbar_smallitem a:hover
{
	background-color: orange; 
	border: 1px solid black;
	padding: 2px;
}
/* Theme specific styles */
/* outlookbar */
.main_panel
{
 border-left: 1px solid black;
 border-top: 1px solid black;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 background: #000000;
}
.head_item, .head_item_active, .head_item_hot, .head_item_active_hot
{
	background: #E7E3EF;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-align:left;
	color: #000000;
	cursor: pointer;
	cursor: hand;
}
.head_item_active, .head_item_active_hot
{
 background-image: url(../images/outlookbar/currentgroup.gif);
 color: #FFFFFF;
}
.head_item
{
  background-image: url(../images/outlookbar/group.gif);
}
.head_item_hot
{
 background-image: url(../images/outlookbar/hotgroup.gif);
}
tr.head_item_active td, tr.head_item td, tr.head_item_hot td
{
	background-image: none;
	background-color: Transparent;
}
.item, .item_hot, .item_down
{
 font-family: Tahoma;
 font-size:10px;
 text-align:center;
 width: 80%;
 margin: 5px;
 padding: 4px;
 padding-right: 2px;
}
.item {border: 1px solid #F7F7F7}
.item_hot {border: 1px solid #7FACE6;}
.item_down 
{
	background-color: #7FACE6;
	border: 1px solid #083C94;
}
.item_panel
{
 background-color:#F7F7F7;
 border: 0px none white;
 text-align:center;
}
.item_panel a
{
   text-decoration:none;
   color:black;
   cursor:hand;
}

.mm_tabpane {
	width: 101px; 
	height: 21px; 
	position: absolute; 
	border-bottom: 1px solid #71718A; 
	/*top: 1px; */
	text-align: center; 
	text-indent: 20px;
	padding-top: 6px;
	background-image: url(../images/tabs/silver.gif);
	-moz-box-sizing: padding-box;
	cursor: default;
}
.mm_tabpane_hot
{
	background-image: url(../images/tabs/orange.gif);
}
.mm_tabpane_selected
{
	border-bottom: solid 1px #B4B7CA;
}
.mm_user
{
	height: 21px;
	position: absolute;
	top: 41px;
	right: 17px;
}
#tabstrip 
{
	width: 100%;
	border-bottom: 1px solid #71718A; 
	height: 21px;
	position: relative;
}
#tabstripbottom
{
	background-color: #B4B7CA; width: 100%; height: 100%; padding: 4px;
}
div#loadingCat 
{
	padding: 0px;
	margin: 0px;	
	position: absolute;
	display: none;
	width: 80px;
	height: 80px;    
	right: 91px;
	top: -16px;
}

div#loadingcat div#logoHider
{
	position: absolute;
	top: 0px;
	left: 0px;		
	width: 55px;
	height: 60px;
	background-color: #e8e9f1;
}
div#loadingcat div#swfHolder
{
	position: absolute;
	top: 0px;
	left: 0px;		
	width: 80px;
	height: 80px;   		
}

.mm_topbar 
{
	height: 25px;
}
.mm_logo
{
	right: 20px;
	top: 5px;
	width: 200px;
	height: 39px;
	position: absolute;
	background-image: url('../images/about/toplogorechts.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
/* about screen */
.mm_aboutholder 
{
	padding-left: 7px;
	background-image: url('../images/resize-dot.gif');
}

.mm_about_topbar {
	border-bottom: 1px solid black;
	background-image: url('../images/outlookbar/group.gif');
	background-color: #9C9EBD;
	height: 27px;
	line-height: 24px;
	font-weight: bold;
	padding-left: 7px;
	vertical-align: middle;
}

.mm_about_frame
{
	border: none;
	width: 100%;
	height: 100%;
}
.mm_about_container
{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.mm_about_container tr
{
	vertical-align: top;
}
.mm_about_title,
.mm_about_smalltitle
{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
	height: 16px;	
}
.mm_about_subtitle
{
	height: 12px;
	font-size: 12px;
	padding-bottom: 10px;
} 
.mm_about_text
{
	font-size: 11px;
	padding-top: 8px;
}
.mm_about_label
{
	padding: 1px;
	width: 150px;
	font-weight: bold;
}
.mm_about_content
{
}
.mm_print_container
{
	margin: 10px;
	overflow: auto;
}
.ListViewColumnDark
{
	background-color: #F7F7F7;
}
.disabledImage {
	filter: Gray() Alpha(Opacity=40);
}
.mm_opendialog_renamefield
{
	border: solid 1px black;
	background-color: #EFEFEF;
}
.mm_opendialog_displaymenu
{
	width: 100px;
	height: 40px; 
	overflow: hidden;
	border: solid 1px #003C73; 
	background-color: white; 
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}
.mm_opendialog_displaymenu A
{
	height: 15px;
	padding: 2px;
	width: 85px;	
}
.mm_opendialog_displaymenu A:Hover
{
	height: 15px;
	padding: 2px;	
	width: 85px;
	background-color: #BDB6C6;
}
.mm_previewconatiner
{
	border: dashed 1px silver;
	width: 100%;
	height: 20px;
	padding: 2px;
}

/*.login_loginbutton,*/ 
.login_optionsbutton
{
	width: 80px;
	height: 21px;
	background: transparent url('../images/login/login_button.gif') no-repeat;
	border: solid 0 #fff;
}

.mm_login_table, .mm_login_table tr, .mm_login_table td
{
	color: #EBFEFF;
	font-size: 10px;
}

.mm_survey_tabpane {
	padding: 0 8px 0 12px;
	cursor: hand;
	background: url('../images/topbar-separator.gif') no-repeat;
	font-weight: normal;
}

.mm_survey_tabpane_first
{
	background-image: none;
	padding-left: 0;
}
.mm_survey_tabpane_hot
{
}
.mm_survey_tabpane_selected
{
	font-weight: bold;
	cursor: default;
}
/* admin login */
.loginblock {
	BACKGROUND-IMAGE: url('../images/login/login_back_test.gif');
	POSITION: relative; 
	WIDTH: 100%; 
	BACKGROUND-REPEAT: repeat-x; 
	HEIGHT: 100%;
}

.login_mmlogo {
	POSITION: absolute;
	RIGHT: 30px; 
	BOTTOM: 20px; 
	width :112px; 
	height:53px;
	/*BACKGROUND-IMAGE: url('../images/login/login_memberof.gif'); */
}

.securitymodule div.button-container{
	text-align:right;
	padding-top:2px;
	margin-left: 80px;
	_margin-left: 83px;
}

.securitymodule div.button-container input{
	width:78px;
	height:21px;
	border:0px;
	font-size: 10px;
	background:url('../images/login/login_button.gif') no-repeat;
	padding-left:2px;
	color: #4b4b4b;
}
h2.login_title{
	BACKGROUND-POSITION: 10px 15px; 	
	DISPLAY: block; 
	BACKGROUND-IMAGE: url('../images/login/Clixmaster_logo.gif');
	BACKGROUND-REPEAT: no-repeat; 
	BACKGROUND-COLOR: #FFF;
	WIDTH: 281px; 
	HEIGHT: 80px;
	padding: 0px;
	margin:140px 0px 18px 89px;

	}


.login_panel {
	position:relative;
	left:40%;
	width:485px;
	height: 557px;
	top:25%;
	margin-left:-153px;
	margin-top:-110px;
	background: url('../images/login/login_back.jpg') no-repeat;
	padding:10px;
}

.login_panel DIV,
.login_panel DIV.button-container
{
	margin-left: 0px;
	_margin-left: 0px;	
	position: relative;
	left: 102px;
	height: 35px;	
	padding-top:5px;
	width: 260px;
}

.login_panel DIV.button-container A
{
	border:0px;
	font-size: 10px;
	font-weight: bold;
	padding-top: 2px;
	color: #4b4b4b;	
}

.login_panel DIV.info
{
	height: 140px;
	font-family: Verdana;
	font-size: 12px;
	color: #4b4b4b;		
	width: 260px;
}
.login_panel DIV LABEL{	
	font-family: Verdana;
	font-size: 12px;
	color: #4b4b4b;	
	bottom:-5px;
	width: 260px;
}

.login_panel DIV INPUT,
.login_panel DIV SELECT
{
	width: 260px;
	font-size: 11px; 
	color: black; 
	font-family: Verdana;	
	margin-top:5px;
}

/* releasenotes */
.releasenotes_details
{
	overflow: auto;
	height: 320px;
	width: 375px;
	padding: 10px;
	border-bottom: 1px dotted B4B7CA;
}
.releasenotes_details h2
{
	font-size: 12px;
}
.releasenotes_container
{
	width: 400px;
	height: 420px;
	border: 1px solid green;
	overflow: hidden;
}
.releasenotes_form
{
	font-size: 11px;
	width: 375px;
	height: 392px;
	background-color: #E8E9F1;
}
/*about*/
.about_container{
	width: 273px;
	height: 200px;
}

.releasenotes_container
{
	border: solid 1px #70768A;
	background-color: #FFFFFF;
	padding-left: 11px;
	padding-top: 8px;
}
.about_form
{
	font-size: 11px;
	width: 273px;
/*	background-color: #E8E9F1;*/
}

/*
.about_header
{
	line-height: 30px;
	padding-left: 11px;
	font-size: 14px;
	font-weight: bold;*/
	/*width: 325px;*/
	/*background-color: #B4B7CA;*//*
	height: 30px;
}*/

.about_logo,
.support_logo,
.report_logo{
	/*padding-left: 11px;*/
	height: 72px;
	background: url('../images/about/clixmaster_logo_horizontaal.gif') no-repeat;
	margin-left: 26px;
	margin-top: 16px;
}

.about_detail,
.support_detail,
.report_detail{
	margin-left: 25px;
	padding-top: 4px;
	height: 12px;
}

.about_detail SPAN.expiring
{
	font-weight: bold;
	color: #FF3333;	
}

.about_detail table tr td,
.support_detail table tr td,
.report_detail table tr td{
	font-family: Verdana;
	font-size: 12px;
	color: #4b4b4b;
}

.support_detail a,
.support_detail a:hover,
.support_detail a:visited,
.report_detail a,
.report_detail a:hover,
.report_detail a:visited
{
	font-family: Verdana;
	font-size: 12px;
	color: #4b4b4b;
	text-decoration: underline;
}

/*.about_subdetail
{
	padding-left: 0px;
	width: 300px;
	height: 1px;
	border: 1px solid green;
}*/

.about_footer,
.support_footer,
.report_footer{
	margin-left: 25px;
	padding-left: 1px;
	padding-top: 2px;
	/*width: 325px;*/
	height: 45px;

}
.about_footer_copyright,
.support_footer_copyright,
.report_footer_copyright{
	font-family: Verdana;
	font-size: 12px;
	color: #4b4b4b;
}
.about_closebutton,
.support_closebutton,
.report_closebutton
{
	position: absolute;
	bottom: 14px;
	right: 20px;
	width: 80px;
	height: 21px;
	background: transparent url('../images/login/login_button.gif') no-repeat;
	border: solid 0 #fff;
}
/************************************Search Definitions*******************/
.search {
	margin-bottom:2px;
	width:400px;
}

.search label {
	height:20px;
	width: 180px;
	display:block;
	float:left;
	line-height:20px;
	color:#036;
	font-weight: bold;	
	font-size:12px;
}

.search input {
	width: 170px;
	color:#036;
}

TD.searchcolumn {	
	text-align:left;	
}

TD.searchcolumn input {	
	width: 170px;
	color:#036;
}

TD.searchcolumn select {
	width: 170px;
	color:#036;
}

TD.searchcolumn textarea {
	width: 170px;
	color:#036;
}

TD.searchcolumnextraoption input{
	width: 106px;
	color:#036;	
}

TD.searchcolumnextraoption select{
	width: 60px;
	color:#036;
}

TD.searchcolumndate {	
	text-align:right;	
}

TD.searchcolumndate label {
	width: 10px;	
	color:#036;
}

TD.searchcolumndate input {
	width: 110px;
	color:#036;
}

.searchbuttons 
{
	width:400px;
	text-align:right;
	margin-right:50px;
}

.searchbuttons input {
	background:white;
	border: 1px solid #036;
	color: #036;
}
/* css classes for preview option*/
input, textarea {/* general input style */	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 2px;
}
select,textarea{	
	margin-left: 2px;
}

div.outerdiv {
	border:1px solid #000;
}
div.options_container input{/* general style for the module options container(submit,next,prev,cancel) */
	color:Purple;
	font-weight: bold;
}
/* generic clixmaster */
.block-output {color: black; border: 0px dotted white; width: 100%; display: block;}
.button-container input, .button-container button {  }
.output-item {border: dashed 1px white; margin: 3px;}
label, .label {white-space: nowrap;}

/* survey module - survey block */

.surveyblock{
	width:500px;
}
.surveyblock textarea,.surveyblock select{
	width:250px;
}
.surveyblock .input-text, .searchmodule div input.input-text
{
	width:250px;
}
.surveyblock .input-housenum
{
	width:200px;
}
.surveyblock .input-date
{
	width:220px;
}
.surveyblock .input-text-small
{
	width:40px;
}
.surveyblock .q_multiplechoice input.input-text
{
	width:150px;
}
.surveyblock .q_multipleresponse input.input-text
{
	width:150px;
}
.surveyblock .q_expandablegrid .expandablegridcolumn input-text
{
	width:80px;
}
.surveyblock .q_expandablegrid .expandablegridcolumn{
	text-align:center;
}

.q_priority-headcolumn, .q_matrix-centeredcolumn,.q_scale-centeredcolumn
{
	text-align:center;
}

.surveyblock div.surveyquestion span.question-text{
	font-weight:bolder;
	color:#000;
}
.surveyblock div.surveyquestion
{
	margin-bottom:10px;
}
.surveyblock div.button-container{
	text-align:right;
}
.q_opentext label, .q_attachment label
{
	width: 200px;
	display:block;
	float:left;
	line-height:20px;
}
.question-text
{
	display:block;
}

/*calendar*/
div.formholder
{
	width:330px;
}
div.formholder label
{
	width:100px;
}
div.formholder input
{
	width:200px;
}
 div.formholder textarea
{
	width:200px;
	height:75px;
}

/*end css for preview*/
/*ticker*/
.tickermodule a, .tickermodule a:link, .tickermodule a:visited, .tickermodule a:hover, .tickermodule a:active
{
	text-decoration:none;
	margin-left:50px;
}
.tickerspacer
{
	width:100px;
}

.deadlink
{
	background-color: #DCE8AA;
	border: 1px solid #56AF51;
}

a.deadlink, a.deadlink:hover, a.deadlink:visited, a.deadlink:active
{
	color: red;
	text-decoration: none;
	height:16px;
}
img.deadlink
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.mm_grid_item_title_cut
{
	color:#ccc;
}
.mm_grid_item_title
{
	color:#000;
}

/* default navigation menu style */
.menu_hover{ /* this class is added on hover on menu items */
	display: block ! important;
	z-index:101;	
    width:100px;     
}

/* treeview */
	.tree .node, .tree .node_selected{
		margin-left:19px;
		font:icon;
		cursor:default;
		white-space: nowrap;
		background-repeat:repeat-y;
		-moz-user-select:none;
	}
	
	.tree .toggle{
		width:19px;
		height:20px;
		vertical-align:middle;
		white-space: nowrap;
	}
	
	.tree .icon{
		vertical-align:middle;
	}
	.tree .checkbox{

		width:16px;
		height:16px;
		vertical-align:middle;
		white-space: nowrap;
	}

	.tree .node input{
		display:inline;
		width:16px;
		height:16px;
		vertical-align:middle;
		white-space: nowrap;
	}	
	
	.tree .node{
		background-color:transparent;
		color:#000000;
		white-space: nowrap;
	}
	
	.tree .node_selected{
		background-color:transparent;
		color:#000000;
		white-space: nowrap;
	}
	
	.tree .label, .tree .label_selected	{
		color: #000000;
		height: 16px;
		line-height: 16px;
		vertical-align: middle;
		margin-left:2px;
		padding: 0 4px 0 2px;
		white-space: nowrap;
	}
	
	.tree .label{
		text-decoration:none;
	}
	.tree .label_hover {
		text-decoration: underline;
	}
	.tree .rename{
		color:#ff0000;
		margin-left:2px;
		border:1px solid #000000;
		white-space: nowrap;
	}
	.tree .label_selected{
		background-color: #EDEDED;
		text-decoration:none;
	}
	
	.tree .label_cut_selected{
		color: lightgrey;
		text-decoration:none;
	}
	
	.tree{
		margin-top:0px;
		white-space: nowrap;
		margin-left:-19px;
	}
	
	a.label:hover 
	{
		text-decoration: underline;
	}
/* end treeview  */

/* admin search */

.backendsearch
{
	padding-left: 3px;
	padding-top: 1px;
	overflow: auto;
}
.backendsearch .title
{
	font-weight: bold;
	padding-bottom: 2px;
}

.backendsearch .searchoption
{
	cursor: hand;
	font-weight: bold;
}


/* ediable list */
.autocompletelist
{	
	position: relative;
}

.autocompletelist TD,
.autocompletelist TD TR
{
	vertical-align: top;
}


.autocompletelist .textbox
{
	width: 300px;
}

.autocompletelist .button,
.selectlist .button
{
	width: 50px;
	height: 20px;
}

.autocompletelist .list
{
	overflow: auto;
	background-color: #FFFFFF;
	border-left: solid 1px #ACA899;
	border-right: solid 1px #ACA899;
	border-bottom: solid 1px #ACA899;
	width: 300px;
	height: 200px;
}

.selectlist .list
{
	overflow: auto;
	background-color: #FFFFFF;	
	border: solid 1px #ACA899;
	width: 100%;
	height: 200px;
}

.autocompletelist .list .row,
.selectlist .list .row
{
	height: 18px;
	border-bottom: solid 1px #ACA899;
	padding-left: 2px;
	cursor: pointer;
}

.autocompletelist .list .hover,
.selectlist .list .hover
{
	background-color: #F5F5F5;
}

.autocompletelist .header,
.selectlist .header
{
	background: #ece9d8 url('../images/grid_header_bg2.gif');
    height: 22px;
    line-height: 19px;
    padding: 0 7px;	
	border-left: solid 1px #ACA899;
	border-right: solid 1px #ACA899;
	border-top: solid 1px #ACA899;    
}

.autocompletelist .list .selected,
.selectlist .list .selected
{
	background-color: #EDEDED;
}

.autocomplete
{
	background-color: #ffffff;
	border-left: solid 1px #ACA899;
	border-right: solid 1px #ACA899;
	border-bottom: solid 1px #ACA899;
	cursor: pointer;
}

.autocomplete .line
{
	padding-left: 2px;
	height: 18px;
	width: 100px;
}
.autocomplete .currentline
{
	background-color: #F5F5F5;
}

.componentholder
{
    width: 100%;
    height: 100%;
    overflow: auto;
	background-color: #E8E9F1;    
}

.blocklist
{
    list-item-style: none;
    display: none;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.blocklist DIV
{
    cursor: move;
    padding-bottom: 3px;
    background-color: #FFFFFF;
}

.modulename,
.modulename_hover,
.modulenameselected,
.modulenameselected_hover
{
    cursor: hand;
    background-image: url(../images/outlookbar/group.gif);
    background-repeat: repeat-x;
    background-color: #9C9EBD;            
	border: 1px solid #A7A5BF;
	width: 100%;
	height: 26px;
	padding-left: 5px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	vertical-align: middle;
	padding-top: 5px;
	display: block;
	-moz-box-sizing: padding-box;    
	position: relative; 
}

.modulename_hover,
.modulenameselected_hover
{	
	background-image: url(../images/outlookbar/hotgroup.gif);
}

.modulename .state,
.modulename_hover .state,
.modulenameselected .state,
.modulenameselected_hover .state
{
    width: 8px;
    height: 5px;            
    position: absolute;
    right: 10px;
    top: 9px;
    background-repeat: no-repeat;
}    

.modulename .state,
.modulename_hover .state
{
    background-image: url('../images/outlookbar/arrow_down.gif');        
}

.modulenameselected .state,
.modulenameselected_hover .state
{
    background-image: url('../images/outlookbar/arrow_up.gif');
}

.supportinfo
{
    display: none; 
    position: absolute;
}

.supportcontainer .title,
.supportcontainer .body,
.supportcontainer .buttons
{
    margin: 8px;
}

.supportcontainer .title
{
    height: 20px;
    font-weight: bold;
    border-bottom: solid 2px #CDCDCD;
}

.supportcontainer .body
{
    overflow: auto;
    height: 290px;
}  

.supportcontainer .buttons
{
    position: relative;
    bottom: 10px;
    right: 15px;
}

.supportcontainer .buttons A
{
    text-decoration: underline;
    font-size: 13px;
}


DIV.statistics
{
	border: solid 1px #9A9A9A;
	background: url('../images/reporting/pageview_gradient.png');
	background-repeat: repeat-x;	
	width: 655px;	
	height: 450px;
	padding: 3px 3px 3px 3px;
}

DIV.modulestatistics
{
	height: 225px;
}

DIV.statistics DIV.daterange
{
	margin: 3px 0px 0px 0px;
}

DIV.statistics DIV.chart
{
	margin: 10px, 20px, 10px, 20px;
	width: 600px;
	height: 215px;
	background-color: #FFFFFF;
	border: solid 1px D8D8DA;
}

DIV.statistics DIV.summary
{
	padding: 5px 3px 3px 10px;
	text-align: left;	
	margin: 10px, 20px, 10px, 20px;
	width: 600px;
	height: 140px;
	background-color: #FFFFFF;
	border: solid 1px #D8D8DA;
}

DIV.statistics DIV.summary DIV
{
	text-align: left;
	padding: 0px;
	margin: 0px;
	position: relative;
}

DIV.statistics DIV.summary SPAN.label
{
	color: #7c7068;
}

DIV.statistics DIV.summary SPAN.label LABEL
{
	width: 150px;
}

DIV.statistics DIV.summary SPAN.value DIV.tags
{
	width: 400px;
	left: 153px;
	top: -13px;	
}

DIV.statisticitem
{
	position: relative;
	margin: 5px 0px 0px 0px;
	border: solid 1px #aca098;
	width: 655px;
}

DIV.statisticitem DIV,
DIV.statisticitem UL
{
	width: 100%;
}

DIV.statisticitem DIV.columns2 LI.cell
{
	width: 157px;
}

DIV.statisticitem DIV.columns2 LI.name
{
	width: 473px;
}

DIV.statisticitem DIV.columns3 LI.cell
{
	width: 157px;
}

DIV.statisticitem DIV.columns3 LI.name
{
	width: 316px;
}

DIV.statisticitem DIV.columns4 LI.cell
{
	width: 120px;
}

DIV.statisticitem DIV.columns4 LI.name
{
	width: 270px;
}


DIV.statisticitem DIV.columns5 LI.cell
{
	width: 100px;
}

DIV.statisticitem DIV.columns5 LI.name
{
	width: 230px;
}

DIV.statisticitem UL
{
	padding: 0px;
	margin: 0px;	
}

DIV.statisticitem LI
{
	list-style-type: none;
	padding: 2px 0px 2px 4px;
	margin: 0px;
	float: left;
}

DIV.statisticitem DIV.title
{
	height: 23px;
	font-size: 16px;
	font-weight: bold;	
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url('../images/reporting/detail_header.png');
	background-repeat: repeat-x;
	background-position: bottom;	
}

DIV.statisticitem DIV.content DIV.data
{
	height: 100px;
	overflow: auto;
}

DIV.statisticitem DIV.content DIV.data UL.row
{
	height: 15px;	
}

DIV.statisticitem DIV.content DIV.data UL.clickable
{
	cursor: hand;
}

DIV.statisticitem DIV.content DIV.data UL.even
{
	background-image: url('../images/reporting/detail_row_even.png');
}

DIV.statisticitem DIV.content DIV.data UL.odd
{

}

DIV.statisticitem DIV.content UL.header
{
	border-bottom: solid 1px #EDEEF2;	
	height: 14px;
	background-image: url('../images/reporting/detail_column_header.png');
	background-repeat: repeat-x;
	background-position: bottom;	
}

DIV.statisticitem DIV.content UL.header LI.cell
{
	font-size: 10px;
	font-weight: bold;
}

DIV.statisticitem DIV.footer
{
	height: 10px;
	padding: 0px;
	margin: 0px;
	background-image: url('../images/reporting/detail_footer.png');
	background-repeat: repeat-x;
	background-position: bottom;
	border-top: solid 1px #E5E6EB;
}

DIV.scaffoldingpreview,
DIV.scaffoldingpreview DIV
{
	width: 100%;
	height: 18px;
}

DIV.scaffoldingpreview DIV.filepreview_multimedia
{	
	width: 320px;
	height: 240px;
	overflow: auto;
}

DIV.scaffoldingpreview LABEL
{
	width: 175px;
}

DIV.editfield .datetextbox
{
	width: 40px;
	margin-left: 1em;
	margin-right: 1em;
}
DIV.treesearch,
DIV.treesearch input
{
	width: 100%;
}
DIV.treesearch input.disabled
{
	color: #BEBEBE;
	font-style: italic;
}
DIV.treesearch input.enabled
{
	color: #000000;
	font-style: normal;
}
IFRAME.hoverframe
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	display: block;
}