/*
CSS Credit: http://www.px2w.de/
*/


#maincontent {
width : 470px;
color: #5b5847;

}

#maincontent img {
/*float : left;*/
margin : 0px 5px 0px 5px;
border :0px solid #000000;
}
#maincontent .readm{
float : right;
font-family:'Courier New', Arial,;
color : #000;
font-weight : bold;
background : inherit;
margin-top : 5px;
}


#maincontent h2 {
font : bold 1.4em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 5px;
}

#maincontent #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent #rightside h2 {
margin-bottom : 5px;
}
#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 470px;
}
#maincontent #leftside .r {
float : right;
width : 225px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .le {
width : 225px;
text-align : justify;
margin-bottom : 15px;
}

#maincontent #leftside .rm {
	float: right;
	width: 225px;
	text-align: justify;
	margin-bottom: 15px;
	border-bottom: 0px dashed #F8BF07;
}
#maincontent #leftside .lem {
width : 225px;
text-align : justify;
margin-bottom : 15px;
	border-bottom: 0px dashed #F8BF07;
}

#maincontent #leftside .ful {
width : 470px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}


#maincontent_lang {
width : 620px;
color: #5b5847;

}

/*#maincontent_lang img {
float : left;
margin : 0px 8px 0px 0;
border :0px solid #000000;
}*/

#maincontent_lang .readm{
float : right;
font-family:'Courier New', Arial,;
color : #000;
font-weight : bold;
background : inherit;
margin-top : 5px;
}


#maincontent_lang h2 {
font : bold 1.4em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 5px;
}

#maincontent_lang #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent_lang #rightside h2 {
margin-bottom : 5px;
}
#maincontent_lang #leftside {
background : inherit;
margin-right : 10px;
width : 620px;
}
#maincontent_lang #leftside .r {
float : right;
width : 225px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent_lang #leftside .le {
width : 225px;
text-align : justify;
margin-bottom : 15px;
}

#maincontent_lang #leftside .rm {
	float: right;
	width: 225px;
	text-align: justify;
	margin-bottom: 15px;
	border-bottom: 0px dashed #F8BF07;
}
#maincontent_lang #leftside .lem {
width : 225px;
text-align : justify;
margin-bottom : 15px;
	border-bottom: 0px dashed #F8BF07;
}

#maincontent_lang #leftside .ful {
width : 620px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent_lang #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}








#maincontent_langb {
width : 780px;
color: #5b5847;

}

/*#maincontent_lang img {
float : left;
margin : 0px 8px 0px 0;
border :0px solid #000000;
}*/

#maincontent_langb .readm{
float : right;
font-family:'Courier New', Arial,;
color : #000;
font-weight : bold;
background : inherit;
margin-top : 5px;
}


#maincontent_langb h2 {
font : bold 1.4em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 5px;
}

#maincontent_langb #rightside {
float : right;
width : 220px;
background : #f0f0f0;
padding : 10px;
margin : 0 0 10px 0;
}
#maincontent_langb #rightside h2 {
margin-bottom : 5px;
}
#maincontent_langb #leftside {
background : inherit;
margin-right : 10px;
width : 780px;
}
#maincontent_langb #leftside .r {
float : right;
width : 225px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent_langb #leftside .le {
width : 225px;
text-align : justify;
margin-bottom : 15px;
}

#maincontent_langb #leftside .rm {
	float: right;
	width: 223px;
	height: 240px;
	text-align: justify;
	margin-bottom: 15px;
	border-bottom: 0px dashed #F8BF07;
}
#maincontent_langb #leftside .lem {
float: left;
width : 223px;
	height: 240px;
text-align : justify;
margin-bottom : 15px;
border-bottom: 0px dashed #F8BF07;
}

#maincontent_langb #leftside .ful {
width : 780px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent_langb #leftside .pad {
padding : 15px 0 15px 0;
text-align : justify;
}


.iFrame {
 overflow: auto;
 width: 470px;
 height: 200px;
}
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #FFCC19;
color: black;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
position: absolute;
background: black url(blackdot.gif);
width: 10px;
left: 0;
top: 0;
z-index: 5;
visibility: hidden;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);
opacity: 0.8;
}
