/* Styles for pun_bbcode extension */

div#pun_bbcode_bar {
	margin: 0.2em 0 0 1em;
	position: relative;
	display: none;
	visibility: hidden;
	}

div#pun_bbcode_bar div#pun_bbcode_wrapper {
	width: 95%;
	position: relative;
	}

div#pun_bbcode_bar .graphical div#pun_bbcode_buttons {
	float: left;
	}

div#pun_bbcode_bar .graphical div#pun_bbcode_buttons img {
	margin: 0 3px;
	}

div#pun_bbcode_bar .graphical div#pun_bbcode_smilies {
	float: right;
	}

div#pun_bbcode_bar .graphical div#pun_bbcode_smilies img {
	margin: 0 1px;
	}
	
	/*#########################################################*/
/*###########... Begin Easy_Visual_BBCode ...   ###########*/
/*#########################################################*/
/********************  CSS for Toolbars ****************************/
.bbtitel  { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #ccc }
#bbtoolbar { text-align: center; margin-top: 5px; padding: 3px 6px; position: relative; width: auto; height: 20px; border: solid 1px #ccc }
#picpl { text-align: center; display: none; margin-top: 4px; padding: 5px 6px; width: 98%; height: 50px; overflow: hidden; border: solid 1px #ccc }
#spansr {  height: 20px; float: right;}
#bbtoolbar2 { text-align: center; margin-top: 1px; padding: 3px 6px; position: relative; width: auto; height: 20px; border: solid 1px #ccc }
div.bbcode { text-align: center; margin-top: 5px; padding: 3px 3px 5px; width: auto; height: auto; border: solid 1px #ccc }
img.bbcode { cursor: pointer; margin-right: 2px; padding: 2px 3px }
img.bbcode:hover { background-color: #e4e4e4; cursor: pointer; margin-right: 2px; padding: 2px 3px }
img.spacer { margin-bottom: 1px; margin-left: -2px }
#bbmovies  { text-align: center; display: none; margin-top: 4px; padding: 5px 6px; width: auto; height: auto; overflow: hidden; border: solid 1px #ccc }
img.vid_spacer { margin-bottom: 2px; margin-left: -2px }
#bbmovies_divider { color: #ccc; background-color: #ccc; margin-top: 5px; margin-bottom: 5px; width: 100%; height: 1px; border: 0 }
#bbsmiley  { text-align: center; display: none; margin-top: 4px; padding: 10px 30px; width: auto; height: 140px; max-height: 150px; overflow: auto; border: solid 1px #ccc }
#bbsmiley IMG { margin: 1px }
/****************************************************************/
/************ Post Styling BBCodes ******************************/
div.entry-content span.bbu  { text-decoration: underline }
div.entry-content span.bbs { text-decoration: line-through }
div.entry-content .bbcenter { text-align: center }
div.entry-content .bbleft { text-align: left }
div.entry-content .bbright { text-align: right }
div.entry-content .bbjustify { text-align: justify }
div.entry-content .bbindent { line-height: 1em; margin-left: 40px }
div.entry-content span.bbhighlight { background-color: #ff6; padding-right: 4px; padding-bottom: 3px; padding-left: 4px }
div.entry-content HR { color: #cccccc; background-color: #cccccc; text-align: center; height: 1px; border: none; align=center: 80%  }
div.entry-content PRE   { color: #660; font-size: 1.2em; font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace }
div.entry-content ol, div.entry-content ul { margin-left: 40px }
div.entry-content li { margin-left: 40px; padding: 0 }
div.entry-content ol li { list-style-type: decimal; margin: 0 }
div.entry-content ul li { list-style-type: disc; margin: 0 }
div.entry-content .bbvideo   { text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 0; width: auto; height: auto; clear: both }
/****************************************************************/
/*********** overwrites the base textarea settings **************/
/* The width of the whole commentsarea */
DIV.txtarea { width: 85% }
/****  The Textarea ****/
DIV.txtarea TEXTAREA { margin-top: 5px; margin-bottom: 5px; width: 100%; height: 250px }
/****************************************************************/
/*##########################################################*/
/*##########################################################*/
 
#modalContainer {
	background-color:transparent;
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}
 
#alertBox {
	position:relative;
	width:500px;
	min-height:200px;
	margin-top:50px;
	border:2px solid #000;
	background-color:#F2F5F6;
	background-image:url(alert.png);
	background-repeat:no-repeat;
	background-position:20px 30px;
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px;
}
 
#modalContainer > #alertBox {
	position:fixed;
}
 
#alertBox h1 {
	margin:0;
	font:bold 2em SolaimanLipi;
	background-color:#78919B;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
	text-align: center;
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px;
}
 
#alertBox p {
	font:1.1em SolaimanLipi;
	height:5px;
	padding-left:5px;
	padding-top:20px;
	margin-left:55px;
}
 
#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:3px;
	border:2px solid #000;
	width:70px;
	font:1.5em SolaimanLipi;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#78919B;
	text-decoration:none;
}
#alertBox #inpbx {
width: 90%;
}
#alertBox #inpbx2 {
width: 90%;
}