/*
    mymodal Core Style
    The following rules are the styles that are consistant between all mymodal themes
*/
/* #mymodal, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} */
#mymodal, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxWrapper{ padding-left:15px; padding-top:15px;}

/* 
    mymodal example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
/* #cboxOverlay{background:url(images/overlay.png) 0 0 repeat;} */



#mymodal{ height:auto; width:auto;}
	#cboxTopLeft{width:10px; height:30px; background:url(images/blue/no.png) repeat-x scroll left top;}
	#cboxTopCenter{height:30px; background:url(images/blue/n.png) 0 0 repeat-x;}
	#cboxTopRight{width:14px; height:30px; background:url(images/blue/ne.png) no-repeat scroll right top;}
	#cboxBottomLeft{width:10px; height:10px; background:url(images/blue/so.png) no-repeat scroll left bottom;}
	#cboxBottomCenter{height:10px; background:url(images/blue/s.png) repeat-x scroll center bottom;}
	#cboxBottomRight{width:14px; height:10px; background:url(images/blue/se.png) no-repeat scroll right bottom;}
	#cboxMiddleLeft{width:10px; background:url(images/blue/o.png) repeat-y scroll left top;}
	#cboxMiddleRight{width:14px; background:url(images/blue/e.png) repeat-y scroll right top;}
	#cboxContent{background:transparent url(images/blue/c.png) repeat scroll 0 0;}
		#cboxLoadedContent{margin-bottom:0px;}
                #cboxTitle{ padding-top:6px; padding-left: 1px; color:#005990; font-weight:bold; font-size:13px;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#005990;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		/* #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;} */
                #cboxLoadingGraphic{background:url(images/ajax-loader-transparent-bar.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
	
#mymodal div.modalContentContainer{background:transparent url(images/blue/c.png) repeat scroll 0 0;}		

#mymodal div.buttonBar {
	float:right;
	margin-right:3px;
	margin-top:11px;
	position:relative;
	top:0;
}		


#mymodal div.icons {
	/*left:-11px;
	top:-10px; */
	left:-1px;
	top:-1px; 
	z-index:10000;
	
}

#mymodal p{
	/* color:#7D8794; */
	}

#mymodal div.modalActionButton{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

/*#mymodal div.modalActionButton span.dialog-btn{
	color:#7d8794;
	font-weight:bold;
	font-size:14px;
	cursor:hand;
	cursor:pointer;
	text-align:center;
	margin-right:5px;
}*/
div.modalActionButton
{
	width:auto;
	margin-bottom:5px;
	margin-top:5px;
}

#mymodal div.modalActionButton span.dialog-btn{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color: #027496;
border:#348fab 1px solid;
padding: 3px 3px;
font-weight: normal;
text-decoration: none;
color:#FFFFFF;
display:block;
text-align:center;
margin-right:5px;
width:100px;
float:left;
cursor: pointer;
cursor:hand;
font-weight:bold;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}


#mymodal div.modalActionButton span.dialog-btn:hover{
color:#c2e6f2;
background-color:#005C95;
border:1px solid #0e70ac;
display:block;
}

div.dialog-btn-clear{ clear:both;}



#mymodal div.message-content{
	color:#7d8794;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	padding-top: 5px;
	padding-bottom:5px;
	font-size:11px;
	
}

#mymodal div.icons-alert{
	background:url(images/icons/alert.png);
	position: absolute; 
	display: block;
	z-index:10000;
	width:48px;
	height:48px;
}

#mymodal div.close{ background:transparent url(images/blue/close.png); width:15px; height:15px; float:right;}
#mymodal div.collapsedContainer{ background:transparent url(images/blue/min.png); width:15px; height:15px; float:right; display:none;}
#mymodal div.iconizeContainer{ background:transparent url(images/blue/iconize.png); width:15px; height:15px; float:right; display:none;}