TABLE, TR, TD                   { font-family: Verdana,Arial; font-size: 12px;  }
  BODY                            { font: 10px Verdana; background-color: #FCFCFC; padding: 0; margin: 0 }
  textarea  { width: 350px;  font-size: 11px; }
  a:link, a:visited, a:active     { color: #000055 }
  a:hover                         { color: #333377; text-decoration: underline }
  FORM                            { padding: 0; margin: 0 }
  #textinput { background-color: #fff; color: #000000; font-family:Verdana, Arial; font-size:12px; border: 1px solid #ccc; }
#input:focus, #textinput:focus {
	border: 1px solid #C5E505;
	background-color:#FFFFCC;


}
#input:hover, #textinput:hover {
	border: 1px solid #C5E505;


}

.tableborder {
width: 100%;
padding-left: 10px;
margin-bottom: 10px;
}



  .textbox                        { border: 1px solid black; padding: 1px; width: 100% }
  .headertable                    { background-color: #FFFFFF; border: 1px solid black; padding: 2px }
  .title                          { font-size: 10px; font-weight: bold; line-height: 150%; color: #FFFFFF; height: 26px; background-image: url(./tile_back.gif) }

 
  .tablewrap {background-color:#EEF2F7;
            border-bottom:1px solid #D1DCEB;
            border-right:1px solid #D1DCEB ;
		    border-top:1px solid #FFF;
			border-left:1px solid #FFF; }
  .tdrow1 { background-color:#EEF2F7;
					        padding: 5px;
					        }
  .tdrow2 { background-color:#EEF2F7;
					        }
  .tdrow3, .tdrow4 { background-color:#E6F8D1; height: 22px;
					        }
.tdrow3 { background: url(images/linkbox_bg.gif) repeat-x top; height: 32px;
					        }
.tdrow3_l { float: left; padding: 0px 0px 0px 7px;}
.tdrow3_r { float: right; padding: 0px 7px 0px 0px;}


.tdrow4.img { border: 2px solid black;
					        }
  .tdtop                          { font-weight: bold; height: 24px; line-height: 150%; color: #FFFFFF; background-image: url(./tile_back.gif) }
  .note                           { margin: 10px; padding: 5px; border: 1px dashed #555555; background-color: #FFFFFF }

  .rowbar  {
			 font-size:17px;
			 font-weight:bold;
			 line-height:140%;
		 	 font-family: Arial; 
			 color:#99CC00;
			 padding:2px 2px 2px 2px;
			 align:center;
			 }


.tdrow1 td   {
background: #F7F7F7;
}
.tdrow3 a  {
border: 1px solid #C2E657;
background-color: #EEF8D0;
text-align: right;
padding: 4px; 
}

.tdrow3 a:hover  {
background-color: #DEF1A4;
}

/* tablayout */

div.tablayout {

	width: 100%;

	margin: 0 0 20px 0;

}



ul.tablayout {

	list-style-type: none;

	width: 100%;

	float: left;

	background: url(pixel.gif) bottom left repeat-x;

}



ul.tablayout li {

	margin: 0 2px 0 0;

	float: left;

}



ul.tablayout a {

	float: left;

	display: block;

	padding: 4px 8px;

	border: 1px solid #ccc;

	border-bottom: 0;

	color: #666;

	background: #eee;

	text-decoration: none;

	font-weight: bold;

}



ul.tablayout a:hover {

	background: #fff;

}



ul.tablayout a.active {

	background: #fff;

	padding-bottom: 5px;

	cursor: default;

	color: #00f;

}



.tabs-container {

	clear: left;

	border: 1px solid #ccc;

	border-top: 0;

	padding: 20px 8px 0 8px;

}



.modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu ul{
font: 14px Arial;
margin:0;
margin-left: 8px; 
padding: 0;
list-style: none;
position: relative;
top: 1px;
}

.modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0px;

}

.modernbricksmenu li a:link, .modernbricksmenu li a:visited{
color: #677996;
background: url(images/tab_bg.jpg) repeat-x bottom;
}

.modernbricksmenu a{
float: left;
display: block;

margin: 0 2px 0 0;
padding: 5px 10px;
text-decoration: none;
background-color: #fff; 
border-left: 1px solid #E0EBEA;
border-right: 1px solid #E0EBEA;
border-bottom: 1px solid #C2DAD7;
border-top: 1px solid #E0EBEA;
}

.modernbricksmenu a:hover{
background-color: #EFF8FB; 
border-left: 1px solid #C2DAD7;
border-right: 1px solid #C2DAD7;
border-top: 1px solid #C2DAD7;
border-bottom: 1px solid #EFF8FB;
background: #EFF8FB url(images/tab_bg.jpg) repeat-x top;
}


.modernbricksmenu #current a{ 
border-left: 1px solid #C2DAD7;
border-right: 1px solid #C2DAD7;
border-top: 1px solid #C2DAD7;
border-bottom: 1px solid #EFF8FB;
color: #1BA3D2;
background: #EFF8FB url(images/tab_bg.jpg) repeat-x top;
}

.modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 5px;
background: #C2DAD7; 
}



.mycontainer{
font: 11px Verdana;
padding: 8px;
border-left: 1px solid #C2DAD7;
border-right: 1px solid #C2DAD7;
border-bottom: 1px solid #C2DAD7;
background:#EFF8FB;
}

#resized{
position: relative;
top: 35px;
left: 8px;
}


/* edittable */

#mytable {
	width: 100%;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) repeat-x;
}


#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	background-position: 3px;
	font: bold 10px Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #797268;
	width: 40%;
}

th.specalt div{
background: #fff;
border: 1px solid #ccc;
padding: 3px;
}

th.specalt p{
padding-left: 40px;
padding-bottom: 20px;
height: 20px;
border-bottom: 1px solid #ccc;
}

th.specalt .gview{
background: url(images/g_view.gif) no-repeat;
}

th.specalt .gcomment{
background: url(images/g_comments.gif) no-repeat;
}

th.specalt .gconf{
background: url(images/g_edit.gif) no-repeat;
}

th.specalt .gdelete{
height:40px;
background: url(images/g_delete.gif) no-repeat;
}

th.specalt .gdelete1{
height:40px;
background: url(images/g_delete.gif) no-repeat;
background-position: 0px 15px;
}

th.specalt .gcode{
background: url(images/gcode.gif) no-repeat;
border-bottom: 0px;
}

.rowbar{
padding-left: 10px;
}