.popupControl
{
	background-color:#FF00FF;
	position:absolute;
	visibility:hidden;
	border: solid 2px black;
}

.modalBg, .modalBgLight
{
	background-color:#217fbe;
	filter: alpha(opacity=20);
	opacity:0.2;
}
.modalBgLight
{
	filter: alpha(opacity=20);
	opacity:0.2;
}
.modalPopup
{
	background-color:#FFFFFF;
	/*padding:3px;*/
	width:525px;
	border: solid 3px gray;
	overflow:auto;
	max-height:500px;
}
.modalPopupMaterials
{
	background-color:#FFFFFF;
	padding:3px;
	width:650px;
	border: solid 3px gray;
	overflow:auto;
	max-height:500px;
}
.modalProgressBg
{
    background-color:#217fbe;
	filter: alpha(opacity=40);
	opacity:0.4;
	z-index:20000;
}

.modalProgressPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
    z-index:20001;
}

.formTable
{
	width:100%;
	margin:0px 0px 10px 0px;
	border-bottom: solid 1px #0086CD;
}

.formTable td
{
	padding:4px 4px 4px 4px;
	border-top: solid 1px #0086CD;
	vertical-align:top;
}

.textbox
{
	padding:0px;
	margin:0px;
	background-color:Red;
	
	border: #999999 1px solid;
	background: #FFFFFF;
}

.comments .commentContent
{
	background-color: #FFF;
	color:#303030;
	height:80px;
	padding:6px 10px 6px 10px;
	border-left:solid 1px;
	border-right:solid 1px;
	border-bottom:solid 1px;
}

.comments .commentHeader, .comments .commentActiveHeader
{
	color:#000;
	margin:1px 0px 0px 0px;
	cursor:pointer;
	font-weight:bold;
	border:solid 1px;
	padding:1px 6px 1px 10px;
	background-repeat:repeat-x;
	/*position:relative;*/
	
}

.comments .headerClr0 {background:#c2fe87 url(imgs/commentsHeaderBg0.gif);border-color:#73c819;}
.comments .headerClr1 {background:#ffec85 url(imgs/commentsHeaderBg1.gif);border-color:#ffb400;}
.comments .headerClr2 {background:#ffc6fe url(imgs/commentsHeaderBg2.gif);border-color:#fa83ff;}
.comments .headerClr3 {background:#ff6e73 url(imgs/commentsHeaderBg3.gif);border-color:#c20009;}
.comments .headerClr4 {background:#6e7aff url(imgs/commentsHeaderBg4.gif);border-color:#0013c2;}
.comments .headerClr5 {background:#ffb566 url(imgs/commentsHeaderBg5.gif);border-color:#c26100;}
.comments .headerClr6 {background:#66e5ff url(imgs/commentsHeaderBg6.gif);border-color:#00a4c2;}
.comments .headerClrN {background:#b2b2b2 url(imgs/commentsHeaderBgN.gif);border-color:#616161;}

.comments .contentClr0 {border-color:#73c819;}
.comments .contentClr1 {border-color:#ffb400;}
.comments .contentClr2 {border-color:#fa83ff;}
.comments .contentClr3 {border-color:#c20009;}
.comments .contentClr4 {border-color:#0013c2;}
.comments .contentClr5 {border-color:#c26100;}
.comments .contentClr6 {border-color:#00a4c2;}
.comments .contentClrN {border-color:#616161;}

.comments .commentHeader .icon, .comment  .commentActiveHeader .icon
{
	background: url(imgs/ArrowCollapsed.png) no-repeat top right;
}

.comments .commentActiveHeader .icon
{
	background: url(imgs/ArrowExpanded.png) no-repeat top right;
}

.comments
{
	/*margin:8px;*/
}

.commentsArea
{
	background-color: #303030;
	/*position:relative;*/
}

.commentsArea .viewArea
{
	overflow:auto;
	overflow-x:auto;
	overflow-y:scroll;
	position:relative;
	height:500px;
	padding:4px;
}

.commentsArea .screenshot
{
	/*margin:4px;*/
	position:relative;
	margin-left:auto;
	margin-right:auto;
}

.commentsArea .screenshot img
{
	-ms-interpolation-mode:bicubic;
}

.commentsArea .toolbarIcon
{
	z-index:100;
	/*cursor:pointer;*/
	margin:0px;
	float:left;
	height:24px;
	/*background-color:#F5F5F5;*/
	margin-right:10px;
	line-height:24px;
}

.commentsArea .toolbarIcon .icon
{
	margin:auto;
	display:block;
}

.commentsArea .fullscreen
{
	width:24px;
	/*background:url(imgs/fullscreen.png) no-repeat top left;*/
}

.commentsArea .prevPage
{
	width:24px;
	/*background:url(imgs/prevPage.png) no-repeat top left;*/
}

.commentsArea .zoomIn
{
	width:18px;
}

.commentsArea .zoomOut
{
	width:18px;
}


.commentsArea .nextPage
{
	width:24px;
	/*background:url(imgs/nextPage.png) no-repeat top left;*/
}

.commentsArea .print
{
	width:28px;
}

.commentsArea .toolbar
{
	height:24px;
	z-index:101;
	background: #c5c5c5 url(imgs/toolbarBg.gif) repeat-x;
	padding:8px 20px 8px 20px;
}

.fullScreenMode
{
	
}

.screenshot .commentIconClrX
{
	position:absolute;
	width:67px;
	height:26px;
	cursor:pointer;
	padding:8px 6px 22px 6px;
	font-weight:bold;
	/* filter: alpha(opacity=70); */
	/* opacity:0.7; */
}

.screenshot .commentIconClrX .balloon
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

.screenshot .commentIconClrX .textContainer
{
	position:absolute;
	z-index:10;
}

.commentExpanded
{
	position:absolute;
	width:160px;
	filter:alpha(opacity=90);
	opacity:0.9;
	background:#FFF;
	border:solid 1px #303030;
	min-height:50px;
}

.screenshot .commentHeader
{
	
}

/*
.screenshot .active
{
	filter: alpha(opacity=100);
	opacity:1.0;
}
*/

.screenshot .active .commentHeader
{
	text-decoration:underline;
}

.screenshot .commentContent
{
	display:none;
}

.dialogContent
{
	margin:auto;
	width:90%;
}

.dialogActions
{
	margin:10px 4px 4px 4px;
	text-align:right;
}

.dialogActionsLeft
{
	margin:10px 4px 4px 4px;
}

.passedDeadline
{
	color:Red;
}

.loginBox
{
	background:#fff;
	width:169px;
	color:#7a7979;
	margin:0px 20px 20px 0px;
}
.loginHeader
{
	background:url('imgs/LoginHeaderBg.gif') top left no-repeat #fdd44e;
	font-size:12px;
	height:16px;
	font-weight:bold;
	color:#FFF;
	padding:5px 8px 5px 9px;
	border-left: 1px solid #fcd24d;
}

.loginBox a:link {color: #1779ba; text-decoration:none;}
.loginBox a:active {color: #1779ba;text-decoration:none;}
.loginBox a:visited {color: #1779ba;text-decoration:none;}
.loginBox a:hover {color: #1779ba;text-decoration:underline;}

.loginContent
{
	padding: 16px 8px 9px 8px;
	border-left: solid 1px #D0D0D0;
	border-right: solid 1px #D0D0D0;
	border-bottom: solid 1px #D0D0D0;
	font-size:11px;
}
.loginContent input.textbox
{
	width:140px;
	padding:2px 2px 2px 2px;
	margin:3px 5px 1px 0px;
	font-size:11px;
}
.loginContent .loginBtn
{
	text-align:right;
	height:26px;
	margin:6px 6px 0px 6px;
	padding:0px;
	display:block;
}

.w100prcnt
{
	width:99%;
}

.comboBox
{
	padding:0px;
	margin:0px;
	font-size: 12px;
	
	border: #999999 1px solid;
	background: #FFF;
}

.greeting
{
	margin-bottom:20px;
}

.greeting .editGreeting
{
	/*margin-top:8px;*/
	/*display:block;*/
}

#dialogHeader
{
	background-color:#F6F6F6;
	margin:0px 0px 8px 0px;
	border-bottom:dashed 1px gray;
}
#dialogHeader h2
{	
	width:90%;
	margin:0px auto;
	padding:2px 0px 2px 0px;
}

.dialogInfo
{
	font-size:9px;
	color:#888;
	margin:0px;
	text-align:right;
	vertical-align:top;
}

.loginPage
{
	float:left;
	margin:0px;
	width:600px;
}

.loginPage h1
{
	margin:0px;
	padding:0px;
}

textarea
{
	resize:none;
	font-size:13px;
}