body {
    margin-top: 0px;
	margin-bottom: 0px;
    
    
    margin-left: 0pt;
    margin-right: 0pt;
    
    padding:0px;
    
    color: white;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
	background: none transparent scroll repeat 0% 0%;  
}

/*
	Svetlo modra - odkazy
*/
a, .mmenu_off {
	color:#AAAABB; /* ffcc00 b8c2dc b3c5df eac98c*/
}

.quotes {
	background: #000000;
    border-right: gray 0px outset;
	border-top: gray 0px outset;
	border-bottom: #1b1b1b 1px outset;
	border-left: gray 0px outset;
	color: #8c8c8c;
}
.smalltext
{
		font-size : 9px;
		color : #bfbfbf;
}

a  {
    font-size: 11px;
	
	text-decoration : none;
}
a:hover  {
	color:#ffffff;
	
	text-decoration : none;
}

.bqbulb{
	background: #000000;
	background: url(/pic/black_mode/half_bulb_04.jpg); /* bulb_logo_01 */
	background-position : left;
	background-repeat : no-repeat;
    padding:0px;
    margin:0px;
	width: 191px;
	height: 633px;
}

.bqlogo{
	background: #000000;
	background: url(/pic/black_mode/big_logo_2012_januar.jpg); /* big_logo_2011_mar_flower.jpg, ii_logo_01.png, big_logo_april_2010.png big_logo_spring_flower.png big_logo_01.png, big_logo_joker_sm_04.jpg, bulb_logo_01 */
	background-position : center;
	background-repeat : no-repeat;
	height: 215px;
}

.menu_row_sec {
    font-size: 11px; 
    background: #414a50; /* 5c514b */
    color: #e5e5e5;
    /* font-family: verdana, arial, helvetica, sans-serif; */
}

.colflip0
{
		text-decoration : none;
		font-size : 9px;
		color : #ffffff;
		background : #cb880c;
		text-align : left;
}
.colflip1
{
		text-decoration : none;
		font-size : 11px;
		color : #bfbfbf;
		background : #5e6a71;
		text-align : left;
}
.colflip2
{
		text-decoration : none;
		font-size : 11px;
		color : #bfbfbf;
		background : #59666c;
		text-align : left;
}
.colflip31
{
		text-decoration : none;
		font-size : 11px;
		color : #fff;
		background : #b8c2dc; /*#b8c2dc*/
		cursor: pointer;
		text-align : left;
}
.colflip32
{
		text-decoration : none;
		font-size : 11px;
		color : #fff;
		background : #b8c2dc;
		cursor: pointer;
		text-align : left;
}

.main {
    font-size: 11px;
    color: #ffffff;
    font-family: verdana, arial;
    background: #000000;
}

.block_side {
	width:270px;
}

.menu_row_main{
	height:30px;
	background-image: url(pic/e_bg_mnu_up.png);
	background-repeat: repeat-x;
}

.mmenu_on
{
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    color: #ffffff;
    font-family: verdana;
    text-align: center;
    padding-bottom: 7px;
    
	/*
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #383129;

    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #46352b;
    */
	background-image: url(pic/e_bg_mnu_on.png);
	background-repeat: repeat-x;

}
.mmenu_off
{
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;

    font-family: verdana;
    text-align: center;
    padding-bottom: 7px;
    

    /*
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #e2c070;

    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #46352b;
	*/
}



.main_rowxxx {
    font-size: 11px;
    color: #ffffff;
    background-image : url(pic/dartagnan_bg_logo_b2.gif);
    background-repeat : no-repeat;
    
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
} 

.menu_row {
    color: #ffffff;
	background-image: url(pic/e_bg_mnu_up.png);
	background-repeat : repeat-x;
	height:18px;
	text-align: left;
	font-size: 11px;
/*
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
	text-align: left;
*/
}

/*
----------------------------------------------------------------------------------------------------------------------------
*/

div.prijmacipohovor_list {
    font-size: 14px;
    color: #000000;
    background: url(pic/subcategory/PrijmaciPohovor_blank.jpg) ;
    background-repeat : no-repeat;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
	width: 205px;
	height: 307px;
	vertical-align: middle;
	text-align: left;
	padding-top:25px;
	padding-left:30px;
	overflow: hidden;
}

div.paper_list {
    font-size: 25px;
    color: #584b3f;
    background: url(pic/paper_list.jpg) ;
    background-repeat : no-repeat;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
	width: 277px;
	height: 230px;
	vertical-align: middle;
	padding-top:150px;
}

.intro_row {
    font-size: 11px;
    background: #fba54f;
    color: #ffffff;
    background: url(pic/dartagnan_bg_logo_a2.gif) ;
    background-repeat : no-repeat;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}








.good_answer {
    font-size: 11px;
    background: #5caf3d;
    color: #ffffff;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.bad_answer {
    font-size: 11px;
    background: #f7714a;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.gray_answer {
    font-size: 11px;
    background: #fbdbaa;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.shade_answer {
    font-size: 11px;
    background: #3B3B3B;
    color: #ffffff;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.submenu_row {
    font-size: 11px;
    background: #fce0a7;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.comment_status {
    font-size: 11px;
    background: #f6dc75;
    color: #000000;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.main_row_pic {
    font-size: 11px;
    color: infotext;
    background: #8c909a ;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
	/*
	background: #8c909a url(./pic/center_bulb_w.gif);
	background-repeat : no-repeat;
	background-position : center;
	background-attachment : fixed;
	*/
}

.box_header {
    font-size: 11px;
    background: #566473;
    color: #ffffff;
    font-family:  sans-serif;
    text-decoration: none;
}

.box_header2 {
    font-size: 12px;
    background: #344a61;
    color: #ffcc00;/*a0bef5*/
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.box_main {
    font-size: 11px;
    color: #ffffff;
    font-family: verdana;
    text-decoration: none;
	text-align: justify;
}

.box_highlight {
    font-size: 11px;
    color: #ffffff;
    background: #344a61;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}
.box_small {
    font-size: 9px;
    color: #c0c0c0;
    background: #344a61;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
}

.label_row_2
{
    font-weight: bold;
    font-size: 11px;
    background: #aad0ac;
    color: #000000;
    font-family: verdana, geneva, arial, helvetica, sans-serif;
    text-align: left
}


/*
a {
        color:#8ba8c9;
        text-decoration:none;
        font-size: 10px;
        font-family: verdana, arial, helvetica, sans-serif;
}
a:hover {
        color:#4996ec;
        font-size: 10px;
        background: #344a61;
        font-family: verdana, arial, helvetica, sans-serif;
}
*/


/*
a.menu {font-size: 10px;color:black; text-decoration:none;font-weight: bold;}
a.menu:hover {font-size: 10px;background:black; color:white;font-weight: bold;}
*/
input.skala
{
    border-right: 0px groove;
    border-top: 0px groove;
    font-size: 10px;
    border-left: 0px groove;
    width: 28px;
    border-bottom: 0px groove;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #1e1e1e;
	color:#e3a35b;
}
input.form2
{
    border-right: 1px groove;
    border-top: 1px groove;
    font-size: 10px;
    border-left: 1px groove;
    /*width: 150px;*/
    border-bottom: 1px groove;
    font-family: verdana, arial, helvetica, sans-serif;
    /* background-color: #bed0f4; */
    width:300px;
}
input
{
    border-right: 1px groove;
    border-top: 1px groove;
    font-size: 10px;
    border-left: 1px groove;
    /* width: 150px; */
    border-bottom: 1px groove;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #b8c2dc
}

.formReg input
{
    border-right: 1px groove;
    border-top: 1px groove;
    border-left: 1px groove;
    width: 200px;
    border-bottom: 1px groove;
	font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #b8c2dc
}
.formReg select
{
    border-right: 1px groove;
    border-top: 1px groove;
    border-left: 1px groove;
    width: 200px;
    border-bottom: 1px groove;
	font-size: 10px;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #b8c2dc
}

input.trezor_1
{
    border-right: 1px groove;
    border-top: 1px groove;
    font-size: 10px;
    border-left: 1px groove;
    /* width: 150px; */
    border-bottom: 1px groove;
    font-family: verdana, arial, helvetica, sans-serif;
	color: white;
	background: url(/pic/trezor_sm_dark.jpg);
	width: 40px;
	height: 20px;
}


input.chk
{
    border-right: 0px groove;
    border-top: 0px groove;
    font-size: 10px;
    border-left: 0px groove;
    /* width: 150px; */
    border-bottom: 0px groove;
    font-family: verdana, arial, helvetica, sans-serif;
	background : transparent;
	background-color: transparent;
	padding-right: 0px;
}
textarea
{
    border-right: 1px groove;
    border-top: 1px groove;
    font-size: 10px;
    border-left: 1px groove;
    border-bottom: 1px groove;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #b8c2dc
}
select
{
    border-right: 1px groove;
    border-top: 1px groove;
    font-size: 10px;
    border-left: 1px groove;
    border-bottom: 1px groove;
    font-family: verdana, arial, helvetica, sans-serif;
    background-color: #b8c2dc;
    width: 200px;
}
select.half
{
    width: 120px;
}
table{
	text-align: left;
}
table.in
{
    font-size: 11px;
    color: #ffffff;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
table.out
{
    border-right: thin groove;
    border-top: thin groove;
    font-size: 11px;
    border-left: thin groove;
    color: #ffffff;
    border-bottom: thin groove;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none
}
table.bub
{
    border-right: gray 1px outset;
    border-top: gray 1px outset;
    font-size: 10px;
    border-left: gray 1px outset;
    color: #000000;
    border-bottom: gray 1px outset;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
    background-color: #a7acb6;
}

div.skala
{
    border-right: gray 0px outset;
    border-top: gray 0px outset;
    border-left: gray 0px outset;
    border-bottom: gray 0px outset;
	
    padding-right: 0px;
    padding-left: 10px;
    padding-top: 10px;
	padding-bottom: 0px;
	
	background: none transparent scroll repeat 0% 0%;
    visibility: visible;
    
    overflow: auto;
    width: 700px;
    
    position: static;
    top: 25px;

    text-align: justify;
	
	width:150px;
	height:50px;
}

div.divtable
{
	/*
    border-right: gray 1px outset;
	border-top: gray 1px outset;
	border-bottom: gray 1px outset;
	border-left: gray 1px outset;
	*/
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
	padding-top: 0px;
	
    background: none transparent scroll repeat 0% 0%;
    visibility: visible;

    overflow: auto;
    position: static;
    top: 25px;
	
	width: 700px;
    height: 700px;
    text-align: justify
}


sup{
		color : #F9DB76;
}


td.numb_trezor {
    font-size: 15px;
    background: #bcecb0;
    color: #000000;
	width: 28px;
	text-align: center;
}

td.numbq {
    font-size: 10px;
    background: #cfdedd;
    color: #000000;
	width: 20px;
	text-align: center;
}

td.numbhop {
    font-size: 10px;
    /* background: #cfdedd; */
    color: #000000;
	width: 30px;
	height: 25px;
	text-align: center;
}

td.numbq_no {
    font-size: 10px;
    background: #ffffff;
    color: #000000;
	width: 20px;
	text-align: center;
}

input.numbq
{
    border-right: 0px groove;
    border-top: 0px groove;
    font-size: 10px;
    border-left: 0px groove;
    width: 20px;
    border-bottom: 0px groove;
    background-color: #ffffff;
	text-align: center;
}

table.dos {
    font-size: 10px;
    color: #e5e5e5;
    font-family: monospace, courier;
    text-decoration: none;
    background: #000000;
}

div.dos
{
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
    position: static;
    font-size: 11px;
    color: #e5e5e5;
    font-family: monospace,courier;
    text-decoration: none;
	width:550px;
	height:323px;

    /*
    padding-left:60px;
    padding-top:20px;
	background: url(/riddles_external/dos/monitor_bq.png); 
	background-position : top;
	background-repeat : no-repeat;
    */
}

div.dosMonitor
{
    overflow: hidden;
    position: static;
	width:608px;
	height:410px;
    padding-left:65px;
    padding-top:27px;

	background: url(/riddles_external/dos/monitor_bq.png); 
	background-position : top;
	background-repeat : no-repeat;
}

div.NenapadnyDomBox
{
    overflow: hidden;
    position: static;
	width:345px;
	height:250px;
    padding-left:115px;
    

	background: url(/pic/diamantova_lupez/nenapadny_dom_box_small.png); 
	background-position : top;
	background-repeat : no-repeat;
}

div.lcd
{  
	background-image: url(pic/pic_quest/lcd_02.jpg);
	background-repeat: no-repeat;
    overflow: hidden;
    position: static;
    font-size: 10px;
    color: #e5e5e5;
    font-family: courier;
    text-decoration: none;
    background: #000000;
	width:601px;
	height:490px;
	text-align: center;
}

input.dos {
    /* font-size: 8px;    font-family: courier; */
    color: #e5e5e5;
    text-decoration: none;
    background: transparent;
	border: 0px;
}

.arabia {
	font-size:48pt;
	font-family:arial; 
	background-image: url(pic/listok.gif);
	background-repeat: no-repeat;
	text-align:center;
	color:black; 
	width:400px;
	height:140px;
	vertical-align:middle;

	padding-top: 40px;
}

div.sm_window {
	background-image: url(pic/sm_window.jpg);
	background-repeat: no-repeat;
	/*
	text-align:center;
	vertical-align:middle;
	*/	
	width:380px;
	height:287px;

	padding-top: 40px;

}

H1 /*{
    font-size: 20px;
    color: #ffffff;
	background:#535048;
    font-family: verdana, arial, helvetica, sans-serif;
    text-decoration: none;
	padding-left: 10px; padding-right: 10px; 
	margin-top:0px;
	text-align:left;
}*/
{ font: normal 20px Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #d8d8d8; padding:20px 0; margin:5px 15px 25px 5px; }

H2 {
	font-size: 15px;
	text-align: left;
}


/* menu_resize */
.menu_resize_bg { height:41px; background:url(/pic/menu/menu_bg.gif) top repeat-x; margin:0; padding:0; }
.menu_resize { width:960px; margin:0 auto; padding:0; text-align:left}
/* menu */	
.menu { padding:1px 0 0 0; margin:0; width:850px; float:left; }
.menu ul { text-align: left; padding:0; margin:0; list-style:none; border:0; float:left; }
.menu ul li { float:left; margin:0; padding:0; border:0; }
.menu ul li a { float:left; margin:0; padding:12px 0; color:#fff; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 9px; background:none; }
.menu ul li a:hover { background: url(/pic/menu/r_menu.gif) no-repeat right; }
.menu ul li a:hover span { background:url(/pic/menu/l_menu.gif) no-repeat left; }
.menu ul li a.active { background:url(/pic/menu/r_menu.gif) no-repeat right; }
.menu ul li a.active span { background:url(/pic/menu/l_menu.gif) no-repeat left; }

/*FBG_blog*/
.FBG_blog { background:#171717; border-top:1px solid #2F2F2F; margin:0; padding:0; }
.FBG_blog_resize { width:940px; margin:0 auto; padding:0; }
.FBG_blog_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0; }
.FBG_blog_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; padding:0; margin:0; }

.FBG_blog_resize .recent { width:250px; float:left; padding:0; margin:20px 0 20px 0; border-right:1px solid #616161; }
.FBG_blog_resize .recent2 { width:430px; text-align:center; float:left; padding:5px 0 2px 0; margin:20px 0 0 0; border-right:1px solid #616161; }

/*FBG*/
.FBG { background:#1b1b1b; border-top:1px solid #272727; margin:0; padding:0; }
.FBG_resize { width:960px; margin:0 auto; padding:20px 0; }
.FBG_resize p { font: normal 11px Arial, Helvetica, sans-serif; color:#717171; padding:5px; margin:0; line-height:1.8em; }
.FBG_resize ul { list-style:none; margin:10px auto; padding:0; }
.FBG_resize li { padding:0; margin:0; }
.FBG_resize li a { font: normal 11px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; }
.FBG_resize li a:hover { color:#d5d5d5; }
.FBG_resize h2 { font: bold 14px Arial, Helvetica, sans-serif; color:#d5d5d5; padding:0px; margin:0; }
.FBG_resize .left { width:120px; float:left; margin:10px 10px 10px 20px; padding:10px 5px; }
/* END_bloga*/

/*************footer**********/
.footer { padding:0; margin:0; background:#1b1b1b; }
.footer_resize { width:940px; margin:0 auto; padding:20px 10px; border-top:1px solid #2b2b2b; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#a2a2a2; text-decoration:none; padding:5px; margin:0; }
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right; }
.footer p.leftt { text-align:left; width:550px; margin:0; padding:15px 0 0 0; float:left; }

.clr { clear:both; padding:0; margin:0; }


/*galeria*/
.galeria { padding-top:15px; padding-right: 50px; float:right; }
.galeria a { padding:10px 2px 0 2px; margin:0; width:32px; height:42px; }
.galeria a:hover { padding:10px 2px 0 2px; margin:0; }

.galeria a.ico_rss { background:url(/pic/menu/ico_rss.gif) top no-repeat; }
.galeria a:hover.ico_rss { background:url(/pic/menu/ico_rss_hover.gif) top no-repeat; }

.galeria a.ico_facebook { background: url(/pic/menu/ico_facebook.gif) top no-repeat; }
.galeria a:hover.ico_facebook { background: url(/pic/menu/ico_facebook_hover.gif) top no-repeat; }

.galeria a.ico_gplus { background: url(/pic/menu/1320746872_google.png) top no-repeat; }
.galeria a:hover.ico_gplus { background: url(/pic/menu/1320746872_google.png) top no-repeat; }

.galeria a.ico_youtube { background: url(/pic/menu/1320746879_youtube.png) top no-repeat; }
.galeria a:hover.ico_youtube { background: url(/pic/menu/1320746879_youtube.png) top no-repeat; }

.galeria a.ico_twitter { background: url(/pic/menu/ico_twitter_hover.gif) top no-repeat; }
.galeria a:hover.ico_twitter { background: url(/pic/menu/ico_twitter.gif) top no-repeat; }

/* Ca3er style */
.cu3er_resize { width:460px; margin:0 auto; padding:10px 0 44px 0;  }
#cu3er-container { width:460px; outline:0; }

.port_resize { width:299px; float:left; margin:10px 5px 10px 8px; padding:0; text-align: left;}
.port_resize h2 { width:279px; height:40px; font: normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0;  padding: 5px 10px; background:url(/pic/menu/h2_bg_top.gif) top no-repeat;}
.port_resize h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}

.port_resize_long { width:615px; float:left; margin:10px 5px 10px 8px; padding:0; text-align: left;}
.port_resize_long h2 { width:595px; height:40px; font: normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0;  padding: 5px 10px; background:url(/pic/menu/h2_bg_top_long.gif) top no-repeat;}
.port_resize_long h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}

.port_resize_half { width:470px; float:left; margin:10px 5px 10px 8px; padding:0; text-align: left;}
.port_resize_half h2 { width:450px; height:40px; font: normal 18px Arial, Helvetica, sans-serif; color:#fff; margin:0;  padding: 5px 10px; background:url(/pic/menu/h2_bg_top_half.gif) top no-repeat;}
.port_resize_half h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#a2a2a2;}

div.port_resize_long_scroll
{
	
    border-right: #1b1b1b 1px solid;
	border-top: #1b1b1b 1px solid;
	border-bottom: #1b1b1b 1px solid;
	border-left: #1b1b1b 1px solid;
	
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
	padding-top: 0px;
	
    background: none transparent scroll repeat 0% 0%;
    visibility: visible;

    overflow: auto;
    position: static;
    top: 25px;
	
	width: 610px;
    height: 395px;
    text-align: justify;
}

div.port_resize_short_scroll
{
	

	
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
	padding-top: 0px;
	
    background: none transparent scroll repeat 0% 0%;
    visibility: visible;

    overflow: auto;
    position: static;
    top: 25px;
	
	width: 295px;
    height: 487px;
    text-align: justify;
}

div.port_resize_long_scroll img {width:64px}

img.tld_flag {
    filter : alpha(opacity=40); /* IE */
    -moz-opacity: 0.4; /* Mozilla */
    opacity:0.4;
}
img.tld_flag:hover {
    filter : alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity:1.0;
}

img.img_banner {
    filter : alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity:1.0;
}
img.img_banner:hover {
    filter : alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity:0.8;
}

.span_censor{
    color:#FF8847;
}

.censored_underline{
    color: gray;
}

.censored_underline hr{
    border: 0;
    background-color: #414141;
    

    color: gray;
    height: 1px;
}

a.orange {
    color:#FF9900;
}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(/pic/black_arrow.png);
	font-size:10px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
	word-wrap: break-word;
}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:400px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
    
    text-align:left;
}

.simple_overlay textarea{
	
	background-color:#FFDBC8;
	width:390px;	
	min-height:180px;
}

.simple_overlay input[type=text] {
    width: 300px;
} 

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/pic/close.png);
	background-color:transparent;
	position:absolute;
	right:-15px;
	top:0px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* styling for elements inside overlay */
	.details {
		position:absolute;
		top:15px;
		right:15px;
		font-size:11px;
		color:#fff;
		width:755px;
		height:366px;
		OVERFLOW: auto; 
	}