@import url(master.css);


/* TESTROOM PANEL*/
#pnlTestroom{width:762px; height:300px; margin:30px auto 30px auto; background:url(../../images/3DgridTestroom.jpg) no-repeat;}
#pnlTestroom h2{display:block; width:400px; height:40px; margin-left:215px; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 40px; color:#ff6600;}
#pnlTestroom p{width:160px; margin-left:30px; padding:0 5px 0 130px; color:#0F0F0F;}
#pnlTestroom .dotline{background:url(../../images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:5px 0 5px 20px; color:#000;}
#pnlTestroom .capstext{font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; text-align:center;}
#pnlTestroom .more{height:26px; padding:0; background:none; margin:0;}
#pnlTestroom .more a{width:86px; height:26px; display:block; margin:356px 100px 0 0; margin:0; background:url(../../images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#pnlTestroom .more a:hover{background:url(../../images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#pnlTestroom table{width:300px;border:0;margin:0 0 50px 260px;padding:0;}
#pnlTestroom td{padding:3px;margin:0;}

#urlasset
{
	width: 70%;
	height: 70%;
	background-color: white;
	border: 1px solid black;
	position: absolute;
	left: 40px;
	top: 40px;
}

#formWrapper{
    width:500px;
}

/* ==========================================
	class styles
	========================================*/

.DetailsView {
	border: 1px solid #999;
	margin: 20px 50px;
	background: url(/images/form-bgd.png) repeat-x;
}
.DetailsViews input {
	display: block;
	float: left;
}
.DetailsView input, .DetailsView textArea{
	border: 1px solid #999;
	background: #fff;
	color: #333;
	padding: 2px;
	font-family: Arial, sans-serif;
	font-size: 95%;
}
.DetailsView input:focus, .DetailsView textArea:focus {
	border: 1px solid #f60;
}
.DetailsViews a {
	padding: 20px 0 0 111px;
}


.GridView
{
	background: url(/images/thead-bgd.png) repeat-x;
}

.InvisibleTable tr
{
	border-collapse: collapse;
	border-spacing: 0;
	border-width:0;
}
.InvisibleTable td
{
	border-collapse: collapse;
	border-spacing: 0;
	border-width:0;
}




.OrangeButton
{
	text-decoration:none;
}
.OrangeButton .bg
{
	background-repeat:repeat-x;
	background-image:url('/Images/ButtonBackground.png');
}
.OrangeButton .b
{
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url('/Images/ButtonBottom.png');
}
.OrangeButton .l
{
	background-position:left top;
	background-repeat:no-repeat;
	background-image:url('/Images/ButtonLeft.png');
}
.OrangeButton .r
{
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url('/Images/ButtonRight.png');
}
.OrangeButton .bl
{
	background-position:left bottom;
	background-repeat:no-repeat;
	background-image:url('/Images/ButtonBottomLeft.png');
}
.OrangeButton .br
{
	background-position:right bottom;
	background-repeat:no-repeat;
	background-image:url('/Images/ButtonBottomRight.png');
}
.OrangeButton .c
{
	font-family:Arial;
	font-size:12px;
	color:White;
	margin:0px 10px;
}

/* Dynamic button Stuff http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html ********************************************/
.buttonClear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.OrangeButton2 {
    background: url('/Images/o_btn_a.gif') no-repeat right top;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    margin-right: 6px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
}

a.OrangeButton2 span {
    background: transparent url('/Images/o_btn_span.gif') no-repeat;
    display: block;
    line-height: 10px;
    padding: 5px 0 5px 6px;
}
a.OrangeButton2:active {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.OrangeButton2:active span {
    background-position: bottom left;
    padding: 6px 0 4px 6px; /* push text down 1px */
} 
/* ---------------------- */
/*Modal Popup*/
/* ---------------------- */

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:656px;
	height:590px;
	margin-left:10px;
}
.modalPopup ul
{
    margin-left:60px;
}
/* ---------------------- */
/* END Modal
------------------------- */
/* END Dynamic button Stuff ********************************************/

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

.popUp
{
	background-color: #FFFFFF;
	
	border: 1px solid #000000;
	
}
*/

.dark{color:#6E6D6D;font-weight:bold;}
.light{color:#B6B6B7;font-weight:bold;}
i{font-style:italic;}