label,table,body,option,td,th,div{font-family:Verdana;font-size:11px;text-align:left;}
body{background-color:white;padding:0px;margin:0px;}
option,textarea,select,input,label,checkbox,radiobutton{font-family:Verdana;font-size:11px;color:#8B0000;}
blockquote{font-family:Verdana;font-size:11px;}
a{color:#8B0000 ;font-size:11px;text-decoration:none;}
a:hover{color:#000033 ;font-size:11px;text-decoration:underline;}
td{font-family:Verdana;font-size:11px;}
li.arrow{color:#000033 ;font-size:11px;list-style-image: url(images/arrow1.gif);line-height:16px;}
ul{padding:6px;margin:6px;}
li.pass{color:#000033 ;font-size:11px;list-style-image: url(images/folder.gif);line-height:16px;}
.notdone{font-size:11px;float:left;width:100px;padding:4px;text-align:center;border:1px solid #DEDEDE;}
.done{font-size:11px;float:left;width:100px;padding:4px;text-align:center;border:1px solid #DEDEDE;color:white;background-color:#000033;}

/* buttons */
.ControlLoginButton{color:#8B0000;font-size:11px;}
.ControlEditButton{color:#8B0000;font-size:11px;}
.ControlAddButton{color:#8B0000;font-size:11px;}
.ControlDeleteButton{color:#8B0000;font-size:11px;}
.ControlFlagButton{color:#8B0000;font-size:11px;}
.EventSwitchButton{color:#8B0000;font-size:11px;}
.CreateButton{color:#8B0000;font-size:11px;}
.FolderButton{color:#8B0000;font-size:11px;}
.ControlSearchButton{color:#8B0000;font-size:11px;}
.ControlButton{color:#8B0000;font-size:11px;}

/* All Reports */
a.clickFolder{height:75px;width:122px;background-color:white;border:0px solid ##000033 ;margin:8px;padding:8px;color:#8B0000;font-size:11px;}
a.clickFolder:hover{height:75px;width:122px;background-color:tan;border:0px solid ##000033 ;margin:8px;padding:8px;color:#8B0000;font-size:11px;}


/* page layout */
.ControlTitle{background-color:#000033;color:#FFFFFF;font-size:12px;padding:6px;font-weight:bold;vertical-align:middle;}
.ControlBodyBox{padding:8px;color:#000033}
.ControlContentTitle{font-weight:bold;padding:0px;padding-bottom:4px;border-bottom:1px solid #EFEFEF;margin:0px;}
.ControlContentLiner{border-bottom:1px solid #000033 :padding-bottom:4px;}
.ControlLoginTable{width:324px;padding:2px;border:none;background-color:white;}
.ControlLongTextBlock{line-height:18px;width:324px;height:400;border:1px solid #000033;border-top:24px solid brown;padding:8px;background-color:beige;}
.ControlBreadCrumbBanner{padding:8px;padding-top:4px;padding-bottom:4px;border-bottom:1px solid #CCCCCC;background-color:#EFEFEF}
.ControlMenuBar{background-color:#EFEFEF;	}
.ControlHeaderBox{padding:8px;width:648px;background-color:beige;}
.ControlSearchBox{width:120px;float:left;padding:4px;}
.ControlSearchEntryBox{background-color:white;color:#8B0000;font-size:11px;width:130px;}
.ApprovalFormContentTitle{font-weight:bold;padding-left:0px;width:380px;float:left;}
.SaveBoxContentTitle{font-weight:bold;padding-left:0px;}
.SaveBox{background-color:#EFEFEF;border:1px solid #CCCCCC;border-right:3px solid #CCCCCC;border-bottom:3px solid #CCCCCC;margin:8px;width:400px;padding:4px;}
.HighLight{background-color:#66FF99;color:black;}
.BreadCrumbs{font-family:Verdana;font-size:11px;font-weight:bold;margin:0px;margin-bottom:2px;}
.SessionMessage{color:#8B0000;font-size:11px}
.TheSessionMessage{color:#8B0000;margin:4px;background-color:white;padding:4px;width:600px;float:left;font-size:11px;}
.SmallHorizontalFormBox{background-color:#EFEFEF;border:1px solid #CCCCCC;border-right:3px solid #CCCCCC;border-bottom:3px solid #CCCCCC;margin:8px;width:243px;height:150px;padding:4px;}
.SmallVerticalFormBox{background-color:#EFEFEF;border:1px solid #CCCCCC;border-right:3px solid #CCCCCC;border-bottom:3px solid #CCCCCC;margin:8px;height:243px;width:150px;padding:4px;}
.MediumHorizontalFormBox{background-color:#EFEFEF;border:1px solid #CCCCCC;border-right:3px solid #CCCCCC;border-bottom:3px solid #CCCCCC;margin:8px;width:486px;height:300px;padding:4px;}
.inlineimage{padding-right:4px;padding-left:4px;width:18px;height:16px;border:none;}
.leftPanel{height:600px;border-right:2px solid ##CCCCCC;border-bottom:2px solid ##CCCCCC;}
.droTable{font-size:11px;border:1px solid #000033 ;border-right:2px solid #000033 ;border-bottom:2px solid #628BD;}
.subtleTitle{color:gray;font-size:11px;}
.liner{padding:8px;}
/* desktop objects */
.bigGauge{width:486px;height:300px;border:1px solid #CCCCCC;padding:8px;margin:11px;float:left;overflow:auto;}
.superbig{width:648px;height:400px;border:1px solid #CCCCCC;padding:8px;margin:11px;float:left;overflow:auto;}
.superDuperbig{width:761px;height:470px;border:1px solid #CCCCCC;padding:8px;margin:11px;float:left;overflow:auto;}
.gaugeLeft{width:405px;height:250px;border:1px solid #000033 ;padding:8px;margin:11px;float:left}
.gaugeRight{width:405px;height:250px;border:1px solid #000033 ;padding:8px;margin:11px;float:right}
.bottomRightSubtle{padding:6px;padding-right:0px;margin-top:8px;border-top:1px solid #CCCCCC;text-align:right;}
.postIt{height:220px;width:260px;border:1px solid #CCCCCC;border-right:2px solid #CCCCCC;border-bottom:2px solid #CCCCCC;color:black;font-size:11px;background-color:#FFFF99;padding:4px;font-family:"Verdana narrow", Verdana, monospace;float:right;}
.topTools{height:26px;padding:4px;background-color:#EFEFEF;border-right:1px solid #CCCCCC;}
.todo{font-family:"Verdana New", Verdana, monospace;font-size:11px;color:blue;line-height:24px;}
.doneTodo{font-family:"Verdana New", Verdana, monospace;font-size:11px;color:blue;list-style-image: url(images/star.png);line-height:24px;text-decoration:line-through;}
.memoPad{width:320px;height:418px;border-top:24px solid #8B0000;background-color:beige;margin:11px;}
.padMargin{float:left;width:20px;}
.padPage{float:left;width:295px;height:404px;border-left:1px double red;padding:6px;overflow:auto;}
.timeLine{border-top:6px solid #336666;margin-top:24px;margin-bottom:11px;height:10px;}







.ControlApplicationBox{padding:2px;padding-top:0px;padding-left:0px;width:918px;margin-bottom:0px;}
.ControlMenuContainer{padding:8px;border-bottom:2px solid ##DEDEDE}
.tool{width:140px;float:left;border-right:1px solid #CCCCCC;}
.Spacer{padding-top:16px;padding-bottom:16px;}
.eventMetaData{}
.imageViewerContainer{text-align:center;padding:11px;border:1px solid #000033 ;}
.AppContainerWithBorder{border-left:0px solid #000033 ;}
.contentFrameGolden{background-color:white;color:#000033 ;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;border-bottom:1px solid #000033 ;width:474px;margin-bottom:0px;}
.ContentBoxGolden{border:0px solid #000033 ;font-size:11px;height:280px;margin-top:2px;}

/*org approve */
.panelTitle{background-color:white;color:#000033 ;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;width:394px;float:left;}
.panelRightTitle{background-color:white;color:gray;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;width:500px;float:right;text-align:right;}
.menuContainer{width:180px;margin:0px;}
.appContainer{margin:0px;}
.applicationHeaderLinks{text-align:right;padding-right:2px;padding:top:11px;}
.qCard{float:left;width:180px;padding:1px;margin:2px;height:220px;overflow:auto;}
.qLabel{text-align:left;padding:1px;color:#000033;font-size:11px;font-weight:normal;}
.qValue{text-align:left;padding:0px;color:#000033;font-size:11px;font-weight:normal;}
.qStaticCard{float:left;width:180px;padding:1px;margin:2px;}
.qStaticLabel{text-align:left;padding:1px;color:#000033;font-size:11px;font-weight:normal;}
.qStaticValue{text-align:left;padding:0px;color:#8B0000;font-size:11px;font-weight:normal;}
.qBigStaticCard{float:left;width:auto;border:1px solid #CCCCCC;margin:4px;padding:2px;border-right:2px solid #CCCCCC;border-bottom:2px solid #CCCCCC;}
.qBigStaticLabel{color:black;padding:4px;font-size:11px;border-bottom:1px solid black;font-weight:bold;}


.MenuPanelOffsetBorder{padding:6px;margin-bottom:8px;border:1px outset #000033;width:97%;}
.ApprovalFormBox{background-color:#FFFFFF;border:1px dashed red;margin:0px;padding:2px;}



/* application display */
.questionBox{vertical-align:top;color:#000033 ;border-right:0px solid #000033 ;background-color:#FFFFFF;padding:2px;width:100%;border-bottom:0px solid #000033 ;}
.questionBox2{padding:2px;margin:1px;border-left: solid 1px beige;}
.approvalQuestionLabel{color:saddle#8B0000;font-weight:bold;}
.questionValue{color:#000033 ;padding-right:3px;}
.questionLabel{color:gray;vertical-align:top;font-size:11px;margin-top:1px;padding:2px;}
.questionLabel2{color:black;width:155px;vertical-align:top;font-size:11px;margin-top:1px;margin-left:2px;margin-bottom:4px;padding-right:2px;}
.appDateCrumb{color: #999999;float:left;padding-left:2px;font-size:11px;}
.appDataCrumb{color: #999999;text-align:right;padding-left:2px;font-size:11px;}


/* left menu stuff */
.subtleHeader{padding:6px;padding-left:0px;margin-bottom:8px;border-bottom:1px solid #CCCCCC;}
.AppHeaderToolBar{background-color:#EFEFEF;border-bottom:1px solid #CCCCCC;border:1px solid #CCCCCC;padding:6px;text-align:center;}

/* general and option boxes (offset border) */
.offsetSearchBox{width:228px;left:672px;top:30px;padding:6px;position:absolute;text-align:center;background-color:beige;border:thin outset #000033 }
.floatBox{float:right;width:228px;padding:6px;position:absolute;text-align:center;background-color:beige;border:thin outset #000033 }
.appPreviewBox{background-color:beige;border:thin outset #000033 ;width:200px;margin-left:8px;margin-top:11px;visibility:hidden;position:absolute;z-index:2;padding:11px;}
.appToolTip{background-color:#EFEFEF;border:thin outset #CCCCCC;margin-left:8px;margin-top:11px;padding:11px;height:324px;width:200px;}
.ContentTitle{background-color:white;color:#000033 ;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;}
.ContentTitleApproval{background-color:#EFEFEF;color:#000033 ;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;}
.contentFrame{background-color:white;color:#000033 ;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;border-bottom:1px solid #000033 ;width:952px;margin-bottom:0px;}
.ContentTitleWBorder{background-color:white;color:#000033 ;font-weight:bold;padding:2px;padding-top:0px;font-size:11px;padding-left:0px;border-bottom:1px solid #000033 ;width:894px;}
.SmallContentTitle{color:#000033;font-weight:bold;padding:2px;padding-left:0px;margin-top:4px;margin-bottom:4px;font-size:11px;}
.SmallContentTitle2{color:#000033;padding:2px;padding-left:0px;margin-top:2px;margin-bottom:2px;font-size:11px;border-bottom:1px solid #000033;}
.Title{color:white;font-size:11px;padding:8px;padding-left:8px;margin-right:6px;font-weight:bold;width:964px;height:40px;background-color:#000033 ;border:1px solid beige;border-right:2px solid beige;border-bottom:2px solid beige;}
.Divider {border-bottom:1px solid #000033 ;line-height:0px;}
.small{font-size:10px;background-color:white;}
.footer{color:#8B0000;font-size:11px;text-align:left;}
.rightalign{text-align:right;}


.ContentBox {border:0px solid #000033 ;font-size:11px;height: 600px;margin-top:2px;}
.AltLink{color:#8B0000;font-size:11px;font-weight:normal;text-decoration:underline;}
.AltLink:hover{color:#8B0000;font-size:11px;text-decoration:underline;font-weight:normal;}
.AltLinkSmall{color:#8B0000;font-size:11px;font-weight:normal;text-decoration:underline;}
.AltLinkSmall:hover{color:#000033 ;font-size:11px;text-decoration:underline;font-weight:normal;}
.PageBox{height:100%;background:#FFFFFF;padding-left:0px;padding-top:16px;width:964px;background-color:white;}
.breadCrumbBox{margin-left:6px;border-top:1px solid beige;width:892px;background-color:white;}

.grayRow{background-color:#EEEEEE;}


/* menus */
.appMenuItem{padding:3px;margin-right:16px;border:2px hidden;}
.selAppMenuItem{padding:3px;border:2px offset #DEDEDE;background-color:#EFEFEF;margin-right:16px;border:1px solid #DEDEDE;border-right:2px solid #DEDEDE;border-bottom:2px solid #DEDEDE;}
.MenuPanelLink{color:#FF33AA;font-size:11px;text-decoration:none;font-weight:normal;}
.MenuPanelLink:hover{color:#000033 ;font-size:11px;text-decoration:underline;font-weight:normal;}
.sortBox{border:none;color:#8B0000;font-size:11px;}

.MenuPanelTitleRow{color:#000033;font-weight:bold;font-size:11px;background-color:#EEEEEE;}
.MenuPanelTitleRowAlt{color:#FFFFFF;background-color:#000033;font-weight:bold;font-size:11px;}
.MenuPanelOffsetBorderFull{margin:8px;border:1px solid #000033 ;border-right:3px solid #000033 ;border-bottom:3px solid #000033 ;width:886px;}
.MenuPanelOffsetBorderMenuSize{margin:8px;border:1px solid #000033 ;border-right:3px solid #000033 ;border-bottom:3px solid #000033 ;width:130px;}
.TabCopy {border-top: 2px solid white;border-left: 2px solid white;border-bottom: 0px solid white;border-right: 2px solid white;background-color:white;padding:2px 2px 2px 0px;font-size: 11px;color: #666666;}
.MenuItemCopy {color: #000033 ;text-decoration:underline;padding:2px;font-size:11px;}
.MenuItemCopy:Hover{color:#000033 ;text-decoration:underline;padding:2px;font-size:11px;}
.MenuItemCopy2 {color: #000033 ;text-decoration:underline;padding:2px;font-size:11px;}
.MenuItemCopy2:Hover{color:#000033 ;text-decoration:underline;padding:2px;font-size:11px;}
.menubox {background-color: white;margin-right: 11px;background-image: none;border: 1px outset #000033 ;padding: 4px;width:200px;}
.MenuPanel{width:180px;height:600px;border-right:1px solid #FF9922;margin:0px;}a
.tooltip {visibility: hidden;position: absolute;z-index: 964;background-color:white;}

/* report classes */
TH.report {font-family:Verdana;text-align:left;font-weight:normal;background:#EEEEEE;border-right:1px solid #EEEEFF;font-size:11px;}
TD.repnav {font-family:Verdana;font-size:11px;}
TR.report {font-family:Verdana;font-size:11px;background:#FFFFFF;}
TR.reportalt {font-family:Verdana;font-size:11px;background:#EEEEEE;}
.titleTable {font-family:Verdana;font-size:11px;background:#DEDEFF;border-color:#EFEFEF;border-width:1px;border-style:solid;width:400px}
.titleRow {font-family:Verdana;font-weight:bold;color:black;font-size:11px;}
.subtitleRow {font-family:Verdana;background:#FFFFFF;font-size:11px}

/* report editor */
.drag {position: relative;cursor: move;}
.columnList{position:relative;list-style-type:none;margin:0px;padding:2px;}
.colList{position:relative;list-style-type: none;margin:0px;padding:2px;}
.columnLI{font-size:11px;border:1px solid #000033 ;border-right:2px solid #000033 ;border-bottom:2px solid #000033 ;margin:2px 2px 0px 0px;padding:2px;cursor:move;background-color:#FFFFFF;}
.columnInList{width:100%;font-size:11px;border:1px solid #000033 ;border-right:2px solid #000033 ;border-bottom:2px solid #000033 ;margin:0px 0px 4px 2px;padding:2px;background-color:#EEEEFF;}
.columnInListAndOut{width:100%;font-size:11px;border:1px solid #000033 ;border-right:2px solid #000033 ;border-bottom:2px solid #000033 ;margin:1px 1px 0px 0px;padding:2px;background-color:#EEEEFF;}



/* application edit */
.FormOffsetBorder{padding:8px;margin:8px;border:1px solid #000033 ;border-right:3px solid #000033 ;border-bottom:3px solid #000033 ;width:760px;}
.dynform {font-family:Verdana;font-size:8px}
.questionErrorMessage {color:#000033 ;font-weight:bold;padding:4px;}
tr.prior-edits {font-size:10px;background:#EEEEEE;color:#000033 ;text-align:left}
.prior-edits {font-size:10px;background:#EFEFEF ;color:gray;}
.usersName {background:#EEEEEE;border-style:solid;border-width:2px;border-color:silver;padding:5px;width:50%}
.choices {background:#EFEFEF;border-style:solid;border-width:2px;border-color:silver;padding:5px}
.questionPrompts {font-size:11px;font-weight:normal;padding-bottom:2px;}
.hint {font-size:8pt;color:darkgrey}
.red {background:#FFEEEE;margin-bottom:11px;padding:3px}
.groupbox {border:none}
.groupBoxBlue {border:0px solid #000033 ;margin-bottom:6px;padding:4px;} 
.groupBoxRed {border:0px solid #000033 ;margin-bottom:6px;padding:4px;}
.groupBoxGray {border:0px solid #000033 ;margin-bottom:6px;padding:4px;}
.formtitle {font-size:11px;font-weight:bold}
.formsubtitle {font-size:11px;}
.unrequiredPrompt {font-size:11px;}    
.requiredPrompt {font-size:11px;color:#000033 ;}    
.boxCaption{color:#000033 ;font-weight:bold;font-size:10px;background-color:#EEEEEE;width:100%;}
.historyBorder{border:1px solid gray;margin-right:12px;width:50px;}
.historyTitle{color:#666666;padding:2px;font-size:10px;background-color:#EEEEEE;}
.historyRow{color:#999999;padding:1px;font-size:8px;}
.historyBorderOther{border:1px solid gray;margin-right:11px;width:300px;}
.historyTitleOther{color:red;padding:2px;font-size:10px;background-color:#EEEEEE;}
.historyRowOther{color:#000033 ;padding:1px;font-size:10px;}

/* other */
.smallMsgItem{font-size:11px;text-indent:6px;}
.TitleRow{background-color:#DDDDDD;color:#666666;padding:2px;font-size:11px;font-weight:bold;}
.subTitleRow{background-color:#EEEEEE;color:#666666;padding:2px;padding-left:8px;font-size:11px;}
.CONTENTROW{color:#666666;padding:2px;padding-left:8px;font-size:11px;background-color: white;}
.messageRow{color:red;padding:2px;padding-left:8px;font-size:11px;}
/* .OffsetBorder{border:1px solid #000033 ;border-right:3px solid #000033 ;border-bottom:3px solid #000033 ;} */
.OffsetBorder{margin:8px; border:1px solid #000033; border-right:3px solid #000033; border-bottom:3px solid #000033;}
.FullWidthOffsetBorder{margin:8px;border:1px solid #000033 ;border-right:3px solid #000033 ;border-bottom:3px solid #000033 ;width:760px;}

/* email editor */
.emailEditorLoading {
	position: absolute;
	z-index: 1001;
	left: 50%;
	top: 5%;
	margin-left: -100px;
	width: 200px;
	padding: 10px;
	border: 2px solid black;
	background-color: #FFFFFF;
}
.emailEditorLoading
Msg {
	vertical-align: middle;
	padding: 5px;
}


/* stuff */
div.workarea { 
	padding:10px; 
	float:left;
	border:none;
	width:300px;
	height:460;
	overflow:auto;
	margin:16px;
}
div.workarea2 { 
	padding:10px; 
	float:left;
	border: 1px solid gray;
	width:300px;
	overflow:scroll;
	margin-right:5px;
}
ul.draglist { 
    position: relative;
    padding:12;
    list-style: none;
}

ul.desktop { 
    position: relative;
    padding:12;
    list-style: none;
		width:100%;
		background-color:pink;
}

li.deskTopObject {
		list-style:none;
	  background-color: silver;
    cursor: move; 
		padding:24px;
}
 
ul.draglist li {
    margin: 1px;
    cursor: move;
    zoom: 1;
}
 
ul.draglist_alt { 
    position: relative;
    width: 200px; 
    list-style: none;
    margin:0;
    padding:0;
    /*
       The bottom padding provides the cushion that makes the empty 
       list targetable.  Alternatively, we could leave the padding 
       off by default, adding it when we detect that the list is empty.
    */
    padding-bottom:20px;
}
 
ul.draglist_alt li {
    margin: 1px;
}
 
 
li.list1 {
	  background-color: white;
		color:#000033 ;
    border:1px solid gray;
    border-right:2px solid gray;
    border-bottom:2px solid gray;
    width:140x;
    cursor: move; 
		padding:4px;
		font-size:11px;
		margin:0px;		
		margin-top:6px;
}

li.list2 {
	  background-color: white;
		color:#000033;
    border:1px solid gray;
    border-right:2px solid gray;
    border-bottom:2px solid gray;
    width:140x;
    cursor: move; 
		padding:4px;
		font-size:11px;
		margin:0px;
		margin-top:6px;		
}

li.spacer{
		padding:1px;
		cursor:pointer;
}
 
#user_actions { float: right; }

.table {
	border:1px solid gray; 
	padding:2px; 
	border-collapse:collapse;
}

.required_msg{
 	font-size:10pt;
 	margin-top:5px;
 	font-weight:bold;
 }
		 
 .heading{
 	background-color:#EFEFEF;
 	border:1px solid navy;
 	padding:2px;
 	font-size:12pt;
 	font-weight:bold;
 }
 
 .alert{
 	color:red;
 	font-weight:bold;
 }