@import url(CoreStyle.css);

/* Login Page */
.body-login {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #999999;}
.body-loginWHT {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #FFFFFF;}
.label-login {color:#ffffff;font-weight:bold;font-size:small;text-align:right; white-space:nowrap; padding-right:5px;}
/*
.login {border: 8px solid #eee;background:#fff;width:537px;margin: 50px auto;padding: 20px;color:#999}
.login h1 {font-size:106%;color:#116EAF;margin: 0;float:left;display:inline;padding-bottom:10px}
.login h1 img {margin: 0 0 15px}
.login h3 {clear:both;font: 126% arial;text-align:right;margin: 15px 0 0 auto;padding: 15px 0 0;border-top: 1px solid #eee;border-bottom: 0px;color:#ccc}
.login h3 img {display:block;margin: 0 0 0 auto}
.LoginSet {font-weight:bold;margin-bottom: 10px;width:270px;float:right; padding:10px;}
*/
/*


/* Begin Wizard Steps */
.wizard {margin-left: 5px;font-size: 10px;}
.wizardItem td {color: gray;text-align: center;}
.wizardSelectedItem td {color: #000;font-weight:bold;}
.wizard A {color:#CCC; text-decoration:none;}
.wizardSelectedItem A {color:#000; text-decoration:none;}
.wizard A:hover {color:#488337;}


.subMenu { background: white; margin-bottom: 5px;margin-left: 5px; font-size: 8pt; }
.subMenuItem td {color: #84A6CE;text-align: left;}
.subMenuSelectedItem td {color: #6EBB1F;font-weight:bold;}
.subMenu A {color:#84A6CE; text-decoration:none;}
.subMenuSelectedItem A {color:#3971AD; text-decoration:none;}
.subMenu A:hover {color:#707070;}

/* End Call Form Steps */


p {margin: 0 0 15px}
.fadeline h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;margin: 12px 0 3px;color:#000;border-bottom: 1px solid #eee;padding-bottom: 1px}
h1 {font-size: 196%;margin-top:6px}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.hourserror{border-color:Red; background-color: #DCDCDC;}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
.req {color:red;font-size:96%;font-weight:bold;}
small {font-size:11px}
xsmall {font-size:8px}


A {color:#488337; text-decoration:none;}
A:hover {color:#000;}
.linkWhite {color: #000; text-decoration:none;}
.linkWhite:hover{color:#488337;}
.linkWhite2 {color: #488337; text-decoration:none;}
.linkWhite2:hover{color:#fff;}

/* LISTS */
UL
{
	list-style-position: outside;    
	list-style-type: disc;
	padding:0 0 0 0;
}
LI
{
	 padding-top: 0px;
	 padding-bottom: 1px;    
     margin:  0 0 0;
}

/* GENERAL */
img {border:none} 
hr {margin: 1px 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.txtXSml {font-family: arial, Sans-Serif; font-size: 9pt; width: 30px; }
.txtSml {font-family: arial, Sans-Serif; font-size: 9pt; width: 75px; }
.txtMed {font-family: arial, Sans-Serif; font-size: 9pt; width: 150px; }
.txtLrg {font-family: arial, Sans-Serif; font-size: 9pt; width: 215px; }
.txtXLrg {font-family: arial, Sans-Serif; font-size: 9pt; width: 350px; }
.txtCaption { font-family: arial, Sans-Serif; font-size: 8pt; width: 215px; color:Gray; }
.txtExceptionRequested { text-align:right }

.listXSml {width:100px}
.listSml {width:150px}
.listMed {width:215px}
.listLrg {width:400px}

.ddlMed {font-family: arial, Sans-Serif; font-size: 7pt; width: 215px; }

.rblSml input { width: 10px; height: 10px; text-align:right; font-size:7pt; font-family: arial, Sans-Serif; vertical-align:middle;}
.rblMed input { width: 12px; height: 12px; text-align:right; font-size:7pt; font-family: arial, Sans-Serif; vertical-align:middle;}

.cbxSml input { width: 10px; height: 10px; text-align:right; font-size:7pt; font-family: arial, Sans-Serif; vertical-align:middle;}

.popupHover { cursor:hand;}
.tips
{
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: Gray;
}

.button{padding: 2px 10px;font-weight:bold;color:#000;background:#eee;border: 3px double;border-color: #999; cursor:pointer; font-size:10px;}
.buttonSml{font-size:10px; padding: 1px 5px;font-weight:bold;color:#000;background:#eee;border: 2px double;border-color: #999; cursor:pointer;}
.buttonLrg{padding: 2px 10px;font-weight:bold;color:#000;background:#eee;border: 3px double;border-color: #999; cursor:pointer; font-size:12px;}

/* TABLES */
.tableLtGray {border-collapse:collapse;}
    .tableLtGray thead th {color:#fff;font-size:100%; font-weight:bold; background-color: #58B02D;}
	.tableLtGray tbody td {color:#000;background-color: #DCDCDC; padding:2px 5px 2px 5px;}
	.tableLtGray tbody td.SubHeaderRow {color:#000;background-color: #CCC; font-size:120%; font-weight:bold; padding:2px 5px 2px 5px;}
	.tableLtGray tbody td.HeaderCell {color:#000;background-color: #DCDCDC; font-weight:bold; padding:2px 5px 2px 5px;}
	.tableLtGray tfoot td {background-color: #58B02D; height:5px;}
	
.tableLtGrayMobile {border-collapse:collapse;}
    .tableLtGrayMobile thead th {color:#fff;font-size:100%; font-weight:bold; background-color: #58B02D;}
	.tableLtGrayMobile tbody td {color:#000;background-color: #DCDCDC; padding:0px 0px 0px 0px;}
	.tableLtGrayMobile tbody td.SubHeaderRow {color:#000;background-color: #CCC; font-size:120%; font-weight:bold; padding:2px 5px 2px 5px;}
	.tableLtGrayMobile tfoot td {background-color: #58B02D; height:5px;}	
	

	
.tableGrid {border-collapse:collapse; border:1}
    .tableGrid thead th {color:#ffffff;font-size:100%; font-weight:bold; background-color: #58B02D;}
	.tableGrid tbody td {color:#000000;background-color: #DCDCDC; padding:2px 5px 2px 5px;}
	.tableGrid tbody td.Alternate {color:#000;background-color: #D1D3D4; padding:2px 5px 2px 5px;}
	.tableGrid tbody td.SubHeaderRow {color:#000;background-color: #CCC; font-size:120%; font-weight:bold; padding:2px 5px 2px 5px;}
	.tableGrid tbody td.PreFooterRow {color:#000;background-color: #ffffff; padding:2px 5px 2px 5px;}
	.tableGrid tfoot td {background-color: #58B02D; height:5px;}
	
		
.tableGridMobile {border-collapse:collapse; border:1}
    .tableGridMobile thead th {color:#ffffff;font-size:100%; font-weight:bold; background-color: #58B02D;}
	.tableGridMobile tbody td {color:#000000;background-color: #DCDCDC; padding:0px 0px 0px 0px;}
	.tableGridMobile tbody td.Alternate {color:#000;background-color: #D1D3D4; padding:0px 0px 0px 0px;}
	.tableGridMobile tbody td.SubHeaderRow {color:#000;background-color: #CCC; font-size:120%; font-weight:bold; padding:0px 0px 0px 0px;}
	.tableGridMobile tbody td.PreFooterRow {color:#000;background-color: #ffffff; padding:0px 0px 0px 0px;}
	.tableGridMobile tfoot td {background-color: #58B02D; height:5px;}

	
.tableGridPrintPreview {border-collapse:collapse; border:1}
    .tableGridPrintPreview thead th {color:#000000;font-size:xx-small; font-weight:bold; background-color:Silver; border-color:Black; white-space:pre-wrap; max-width:40px;}
	.tableGridPrintPreview tbody td {color:#000000; font-size: xx-small; padding:0px 0px 0px 0px; white-space:pre-wrap; max-width:40px;}
	.tableGridPrintPreview tbody td.SubHeaderRow {color:#000;background-color: #ffffff; font-size:75%; font-weight:bold; padding:0px 0px 0px 0px;}
	.tableGridPrintPreview tfoot td {background-color: #ffffff; height:5px;}
	
.PrintPreview {border-collapse:collapse; border:1}
    .PrintPreview thead th {color:#000000;font-size:xx-small; font-weight:bold; background-color:Silver;}
	.PrintPreview tbody td {color:#000000; font-size: xx-small; padding:0px 0px 0px 0px;}
	.PrintPreview tbody td.SubHeaderRow {color:#000;background-color: #ffffff; font-size:75%; font-weight:bold; padding:0px 0px 0px 0px;}
	.PrintPreview tfoot td {background-color: #ffffff; height:5px;}
	
 
/* Containers */
.containerWhite{border:#488337 1px solid; padding: 5px;display: block;background-color: #ffffff;}
.containerLtGray{ background-color: #DCDCDC; padding: 5px; display: block;border:1px #656565 solid;}
.containerLtGreen{background-color: #DCE88F; padding: 5px; display: block;border:1px #656565 solid;}
.containerWhiteGray{border:#c0c0c0 1px solid; padding: 5px;display: block;background-color: #ffffff;}
.containerWhiteSmoke{ background-color: #F5F5F5; padding: 5px; display: block;border:1px #c0c0c0 solid;}
.containerUgly{border:#c0c0c0 1px solid; padding: 5px;display: block;background-color: #F7FFCE;}

.separatorLine {background: url("images/grayLine.gif"); width:29px;}
.columnDivider { border-right: solid 1px gray; }

/*added JM for testing */
.containerGreen{background-color: #6EBB1F;padding: 5px;display: block;border:1px #656565 solid; color:White;}

.divHeader{ border:#656565 1px solid; color:#fff; font-size:145%;padding: 5px;display: block;background-color: #488337;}
.divBody{ border:#656565 1px solid; border-top:0px;padding: 5px;display: block;background-color: #DCDCDC;}

.tdUpdate{ padding:0px 0px 0px 0px; text-align:right; white-space:nowrap;}
.tableUpdate { width:100%; padding:0px; border:none 0px;}

/*Calendar  */
.BackgroundTab { background-color:white; }
.FormBackground { background-color:#84A6CE; }
.AppointmentText { font-family: Tahoma ; font-size:8pt; white-space:nowrap; }
.AppointmentHeader { font-family: Tahoma ; font-size:12pt; font-weight:bold; white-space:nowrap; }
.calendar {width: 100%; height: 100%;}
.SearchLocationTable {border:1px solid; border-color:Black; padding:5px 5px 5px 5px; }
.PrintPreview {font-size:9pt; font-family: Tahoma ;}
.PrintPreviewHeader {font-size:9pt; font-family: Tahoma ; font-weight:bold;}

/*Position Tree*/
.RootNode {font-family: arial, Sans-Serif; font-size: 9pt; font-weight:bold; padding-bottom:1.5px;}
.PAChangingNode {font-family: arial, Sans-Serif; font-size: 8pt; font-weight:bold;color:Purple; padding-bottom:1.5px;}
.PTAChangingNode {font-family: arial, Sans-Serif; font-size: 8pt; font-weight:bold;color:Orange; padding-bottom:1.5px;}
.PAandPTAChangingNode {font-family: arial, Sans-Serif; font-size: 8pt; font-weight:bold;color:Green; padding-bottom:1.5px;}
.PlainOldNode {font-family: arial, Sans-Serif; font-size: 8pt; padding-bottom:1.5px;}

/*Table Row */
.headerrow{font-family: arial,sans-serif; font-size: 8pt; font-weight: bold; color:white; background-color:#57AF30; text-align: center;}
.tablerow {	background-color: #CCCCCC;} 
.tableerrorrow {background-color: Red ;} 

/*Table Cell */
.HighlightedCell {background-color:Yellow;}
.ErrorCell {background-color:Red;}
.titleCell {font-weight:bold;}


/*Report Criteria Header-Matches the SRS Header*/
.ViewReportCell {border-left:1px Black Solid;padding:10px;}
.ReportCriteriaTable { padding:10px;background-color:#ECE9D8;border-bottom:1px Black Solid; font-size: 9pt; font-family:Verdana; margin: 0px;}

.noWrap { white-space: nowrap;}


/* Progress screen*/
.containerProgress
{
	z-index:100;
	position:absolute;
	left:50%;
	top:50%; 
	font-size:small; 
	text-align:center; 
	font-weight:bold; 
	padding:10px; width:200px; height:50px; 
	background-color:#fff; border: 1px solid #AED68A; 
	vertical-align:middle;

}


/*Modal Popup*/
.modalBackground {
	background-color:gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#F2F2F2;
	border-width:3px;
	border-style:solid;
	border-color:#ddd;
	padding:10px;
}

/* AutoSuggestBox (asb) Style */
.asbMenu 
{
	border: 1px solid #6699CC;
	background: #ffffff;
	position: absolute;
	padding: 10;
	white-space: nowrap;
	z-index: 1000;
	width: 300px;
}

.asbMenuBase
{
	position: absolute;
	z-index: 1000;
}

				
.asbMenuItem
{			
	color: #000000;
	background: #ffffff;
	cursor: hand;
	cursor: pointer;
	padding-bottom:2px;
}

.asbSelMenuItem
{			
	color: #ffffff;
	background: #AED68A; /* #6699CC */
	cursor: hand;
	cursor: pointer;
	white-space: nowrap;
	padding-bottom:2px;
}
/*Collapsable Panel*/
.title { font-weight: bold;  }

/*Infragistics*/
.igmv_NavigationButton
{
	background-color: transparent;
	cursor: hand;

	border: 0px;
		
	padding: 0px;
	margin: 0px;

	position: absolute;
	top: 2px;
	width: 12px;
}

.noDisplay
{
    display:none;
}


/* DashBoard Page CSS 
--------------------*/

/* AddWidgets Link*/
.add_stuff_toggle { clear:both; float:right; font-weight: bold; }
.widget_showcase { padding: 8px; clear:both; margin: 0px 0px 10px 0px; width: 98%; }
.smalltext, .smalltext a { font-size: 90%; }
#WidgetListBoxPanel 
{
	height:240px;
	width:98%;
}

/*#tabs 
--------*/
/* Firefox */	
	 ul.tabs { list-style-type: none; border-bottom: solid 1px #97acd4; padding-bottom: -1px; margin:0px;  }
/* IE  * html ul.tabs { list-style-type: none; border-bottom: solid 1px #97acd4; padding-bottom: 2px; }*/

li.tab { border-left: solid 1px #97acd4; border-top: solid 1px #97acd4; padding-left:4px; padding-right:4px; border-right: solid 1px #97acd4; display: inline; margin-left: 4px; margin-right: 4px; padding: 0px;  line-height:18px;}
li.newtab { padding-left:4px; padding-right:4px; display: inline; margin-left: 4px; margin-right: 4px; padding: 0px;}
li.newtab a { text-decoration: none; visibility:visible;  }
/* Firefox */ li.tab a { font-size: 9pt; text-decoration: none; padding: 2px 8px 0px 8px;  }
/* IE */ * html li.tab a { font-size: 9pt; text-decoration: none; padding: 2px 8px 2px 8px; }

li.inactivetab { background-color: #DBDBDB; color:Black;  } 

/* Firefox */ li.inactivetab a { border-bottom: solid 1px #97acd4; color:Black; }
/* IE */ * html li.inactivetab a { border-bottom: solid 1px #97acd4; color:Black; }

li.activetab { background-color: #7AC142; }
li.activetab a { border-bottom: solid 1px #7AC142; color:White; }


/* Widget Container Classes
-----------------------------*/

.widget_holder { min-height: 400px; }
.widget { position: relative; left: 0px; top: 0px; margin-bottom:20px;margin-top:0px;  background-color:white; border-left:1px solid #7AC142; border-right:1px solid #7AC142; border-bottom:1px solid #7AC142;}
.widget_header { width:100%;padding-top:0px;padding-bottom:2px;margin: 0em;font-family: arial, Sans-Serif;font-size:100%;font-weight:normal; cursor:move; }
.widget_header_table { width:100%;border-top:1px solid #7AC142;font-family: arial, Sans-Serif; padding:0px;margin:0px;font-size:82%; }
.widget_title { width:90%;background-color:#7AC142;padding-left:2px;font-family: arial, Sans-Serif;padding-right:5px; }
.widget_title a { overflow:hidden;height:1.2em;color: white; text-decoration:none; font-size:10pt; font-family: arial, Sans-Serif; font-weight:bold;}
.widget_collapse, .widget_expand, .widget_close { display:inline; }
.widget_dropcue { border: dashed 2px gray; display:none; margin-bottom:20px; }

.widget_edit {width:10%;background-color:#7AC142;white-space:nowrap;text-align:right;padding-top:2px;padding-right:2px;}
.widget_edit a {color:white;text-decoration:none;}
.widget_edit a:hover {color:red;}

.widget_button {background-color:#7AC142;padding-right:2px; vertical-align:top;}
.widget_min {background-image:url('Images/min_blue.gif');}
a.widget_min:hover {background-image:url('Images/min_blue_highlight.gif');}
.widget_max {background-image:url('Images/max_blue.gif');}
a.widget_max:hover {background-image:url('Images/max_blue_highlight.gif');}
.widget_close {background-image:url('Images/x_blue.gif');}
a.widget_close:hover {background-image:url('Images/x_blue_highlight.gif');}
.widget_box {display:block;margin-top:3px;overflow:hidden;width:12px;height:12px;cursor:hand;cursor:pointer;}
.widget_body{ padding-bottom:5px;padding-left:5px;padding-right:5px;}

.column { width:50%;vertical-align:top; border:solid 0px blue }
.table_fixed {table-layout:fixed;}
.dashboard_body { width: 100%; height: 500px; background-color: lightgrey; }
.handleText
{
	width:16px;
	height:16px;
	background-image:url(HandleGrip.png);
	overflow:hidden;
	cursor:se-resize;
}

#column1, #column2, #column3
{
	float:left;
	width: 33%;
}

/* DELETE POPUP CLASS 
----------------------*/

#DeleteConfirmPopup 
{ 
	display:none; 
	z-index: 60000; 
	position:absolute;
	left: 35%; 
	top: 40%; 
	width: 300px; 
	height: 75px; 
	border: solid 4px green; 
	padding: 10px;
	background: #DDE8CC url('warning.jpg') no-repeat 10px 10px; 
	text-align: center 
}
#DeleteConfirmPopup p { margin-top: 20px; margin-left:30px; margin-bottom: 10px; clear: both }
#OpenSourceMessage { text-align: center; font-size: 80%; position: absolute; top: 100px; color: gray; left: 100%; margin-left: -300px; width: 180px; }
#OpenSourceMessage a { font-size: 90%; }


.Popup
{
	display:none; 
	z-index: 60000; 
	position:absolute;
	left: 35%; 
	top: 40%; 
	width: 300px; 
	height: 75px; 
	border: solid 4px green; 
	padding: 10px;
	background: #DDE8CC no-repeat 10px 10px; 
	text-align: center 
		
}

.PageNameText
{
	text-align:left;
}

.SavePage
{
	margin-left:22px;
	margin-top:10px;
}

.EditPageName
{
	margin-left:22px;
	margin-top:10px;
}


.DateRangeCalendar
{
	border:solid 1px blue;	
	margin-left:-200px;
}

.testdropdown
{
	color:Red;
	overflow:scroll;
		
}

.WidgetError
{
	Color:Red;
	font-weight:bold;	
}

.ajaxOrderedList 
    UL {list-style:none;}

/*Document Folders*/
.TopFolderNode {font-family: arial, Sans-Serif; font-size: 9pt; padding-bottom:1.5px; font-weight:bold;}
.TopFolderNodeHover {font-family: arial, Sans-Serif; color:#488337; text-decoration:none; font-size: 9pt; padding-bottom:1.5px; font-weight:bold;}
.FolderNode {font-family: arial, Sans-Serif; font-size: 9pt; padding-bottom:1.5px; padding-right:5px; white-space:nowrap;}
.FolderNodeHover {font-family: arial, Sans-Serif; font-size: 9pt; color:#488337; text-decoration:none; padding-bottom:1.5px;padding-right:5px;}
.SelectedFolderNode {font-family: arial, Sans-Serif; font-size: 9pt; background-color:#B4D5F0; color:black; padding-bottom:1px; padding-right: 5px;padding-left:1.5px; padding-top:1.5px;}
a.FolderEdit {font-family: arial, Sans-Serif; font-size: 7pt; color:#000; text-decoration:none; font-weight:normal; padding-left:5px;padding-bottom:5px;}
a.FolderEdit:hover {font-family: arial, Sans-Serif; font-size: 7pt; color:#000; text-decoration:underline; padding-left:5px;padding-bottom:5px;}

/*WebSplitter*/

.igspl_VSplitBarWidth
{
	width: 6px;
}
.igspl_VSplitBarWidthHidden
{
	width: 1px;
}
.igspl_VSplitBar
{
	background-repeat:repeat-y;
	background-position:center ;
	background-image: url(images/igspl_splitvert.gif);
	font-size:1px;
	cursor:e-resize;
}
.igspl_VSplitBarHover
{
	background-image: url(./images/igspl_splitverthover.gif);
}
.igspl_VSplitBarShadow
{
	background-image: url(./images/igspl_splitverthover.gif);
	border:dotted 1px Black;
	filter: alpha(opacity : 70);
	opacity: 0.7;
}
.igspl_VSplitBarShadowLimit
{
	background-color:Yellow;
	border-style:solid;
}
.igspl_VSplitBarPressed
{
	background-image: url(images/igspl_splitvertpressed.gif);
}
.igspl_CollapseSplitBarButton
{
	cursor:pointer;
}
.igmv_Day
{
	width: 100%;
}
/*ImageManagement/ImageEditor*/

.mainContainer
{
	background-color:#e8e8e8;
}

.accordionHeader
{
    border: 1px solid #bbbbbb;
    color: #666666;
    background-image: url(images/accheader.jpg);
    background-repeat:repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #666666;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #bbbbbb;
    color: white;
    background-image: url(images/accheadersel.jpg);
    background-repeat:repeat-x;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

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

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #f2f2f2;
    border: 1px solid white;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-size: 8pt;
}

.photoPreview
{
	background-color: #fff;	
	width: 700px;
	border:1px #c0c0c0 solid;
}

.center
{
	text-align:center;
	vertical-align:middle;
}

.sliderText1
{
	text-align:left;
	vertical-align:middle;	
}
.sliderText2
{
	text-align:right;
	vertical-align:middle;	
}


input.btn
{
	color:black;
	font-size:10pt;
	font-weight:bold;
	background-color:#d7d7d7;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#999;
	border-bottom-color:#999;   
	width:150px;
}

input.btnhov
{
	background-color:#c4c4c4;
    border-top-color:#666;
    border-left-color:#666;
	border-right-color:#666;
	border-bottom-color:#666;
}

.actionList
{
	color:black;
	font-size:8pt;
	border:1px solid;
	border-top-color:#999;
	border-left-color:#999;
	border-right-color:#999;
	border-bottom-color:#999;  
	width: 230px; 
	height: 400px;
}
#imageContainer{

	margin:15px;
	left:0px;
	top:0px;
	position:relative;
}

.crop_content{
	float:left;	
}

.crop_transparentDiv{
	background-color:#FFF;
	filter:alpha(opacity=60);
	-khtml-opacity: 0.6;
	-moz-opacity: 0.6;		
	opacity:0.6;
	position:absolute;
}

.crop_dottedDiv{
	position:absolute;
	border:1px solid #fff;
	z-index:10000;
}

.crop_dottedDiv div{
	filter:alpha(opacity=0);
	opacity:0;
	-khtml-opacity: 0;
	-moz-opacity: 0;		
	width:100%;
	height:100%;	
	background-color:#FFF;
}

.crop_info{
	margin:15px;
	left:0px;
	top:0px;
	position:relative;
	font-family: Tahoma, Arial;
	font-size: 8pt;
}

.collapsePanel 
{
      color: black;
      background-color: Gainsboro;  
      overflow:hidden;
      border-left: solid 1px black;
	  border-bottom: solid 1px black;
	  border-right: solid 1px black;
}
 
.collapsePanelHeader{   
                
      color: black;
      background-color: Gainsboro;
      float:none;   
      cursor: pointer; 
      vertical-align: middle;
      height: 20px;
      border: solid 1px black;
	  padding: 5px 0px 0px 3px;
	    
}