/******************************
* APPLICATION
*******************************/
#application {
	width:100%;
	margin:10px auto;
	margin-top:20px;
	padding:0px;
	border:solid 1px #BBBBBB;
	text-align:center;
	background-color:#EEEEEE;
	
	border:solid 1px #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
#application textarea {
	width:100%;
	height:100px;	
	margin:0;
	padding:0;
	border:none;
	border-bottom:1px solid #BBBBBB;
	border-top:1px solid #BBBBBB;
	resize: none;
}
#toolbar {
	margin:0px auto;
	padding:0px;
	float:left;
	height:30px;
	vertical-align:middle;
}
#toolbar a{
	color:#000000;
	text-decoration:none;
}
#toolbar a:hover{
	text-decoration:underline;
}
#toolbar li {
	display: inline;
	float: left;
	margin-left:4px;
	margin-top:8px;
}
#selectFontSize{
	margin-top:0px;
}
#applicationFooter{
	padding:10px;
	padding-top:20px;
	padding-bottom:40px;
	height:40px;
}

#kindOfResult{
	float:left;
	text-align:left;
}
#kindOfResult img,input,span{
	vertical-align:middle;
}
#widgetSizeContainer{
	min-height:20px;
	margin-bottom:20px;
}
#toolbar  li img{
	cursor:pointer;	
}
#application .help{
	text-align:right;
	margin:8px;
	cursor:pointer;	
}

.buttonIcon{
	border:1px solid #EEEEEE;
}
.buttonIcon:hover{
	border:1px solid #000000;
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;	
}
.btnLeftBorder{
	border-left:1px solid #BBBBBB;
	margin-left: 10px;
	padding-left: 10px;
	float:left;	
}
.btnLeftBorder a:hover{
	text-decoration:underline;
}

/********************
* Font pop up
********************/
#fontBtn {
	float: left;
	border:1px solid #BBBBBB;	
	background-color:#FFFFFF;
	margin-top:-3px;
	padding:2px;
	padding-left:3px;
	width:122px;
	height:20px;
	text-align:left;
}
#fontBtn img{
	vertical-align:middle;
}
#fontBtn span {
	display: none;
}
#fontBtn table {
	border:none;
	border-spacing:0px;
	padding:2px;
}

#fontBtn:hover span {
	position:absolute;
	background-color:#EEEEEE;
}
#fontBtn .font {
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	cursor:pointer;	
	padding:2px;
    min-width:90px;
}
#fontBtn .font:hover {
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
}
#fontBtn span img {
	cursor:pointer;	
	float:left;
}
/**********************************
* Style for the font button
***********************************/
#fontBtn  #fontFS img{
	max-width:100px;
	height:20px;
}
#fontBtn  div{
	display: inline;
}
/******************************
* RESULT AREA
*******************************/
#errorMessages{
	display:none;
}
#errorMessagesWarning{
	color:#FF0000;
}
#resultTitle{
	display:none;
}
#resultArea {
	
	display:none;
	
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-buttom: 20px;
	
	background-color:#EEEEEE;	
	
	border:solid 1px #BBBBBB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
#resultAreaPreview {
	width:100%;
	margin:0px auto;
	display:none;
}
#resultExplication{
	float:left;
}
#resultAreaText {
	border:none;
	width:100%;
	margin:10px auto;
	display:none;
}
#resultAreaText textarea {
	width:100%;
	background-color:#FFC;
	margin:0;
	padding:0;
	border:1px solid #BBBBBB;
	resize: none;
}
#previewSWF{
	margin:0px auto;
	border: 1px solid #BBBBBB;
	background-color:#FFF;
}

#pluginShareButton {
	text-align:right;
	width:100%;
	margin:10px auto;
}

#txtCopyDone{
	color:#808080;
	vertical-align:middle;
	height:20px;
}
/**********************
* Link pop up
**********************/
#backgroundLinkPopUp
{
	width:100%;
	height:100%;
	display:none;
	background-color:#FFF;
	filter:alpha(opacity=50);
	opacity:0.5;
	position:fixed;
	top:0px;
	left:0px;
	z-index:98;
}
.boxLinkPopUp{
	position:absolute;
	margin-left:-180px;
	padding:5px;
	display:none;
	background-color:#FFF;
	border:solid 1px #BBBBBB;
	filter:alpha(opacity=100);
	opacity:1.0;
	text-align:left;
	z-index:99;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.boxLinkPopUp tr{
	height:20px;
}
.boxLinkPopUp table{
	width:100%;
}
.boxLinkPopUp .alignRight{
	text-align:right;
}
.boxLinkPopUp a{
	text-decoration:none;
	text-align:right;
	color:#000;
	vertical-align:top;
}
.boxLinkPopUp a img{
	border:none;
	vertical-align:top;
}
#htmlBlogLink{
	vertical-align:middle;
	margin-right:10px;
}