/*
##############################################
##############################################
             C O O P A . N E T    M O D A L    B O X 
##############################################
##############################################



body {
	background-image: url(/images/icons/16x16/add.png);
	padding:0;
	margin:0
}
*/

div#cmodal, div#cpanel{
	position: fixed;
	left: 0;
	right:0;
	bottom:0;
	top:0;
	background-color: #000;
	z-index: 29;
	opacity: 0.8; 	
	text-align:center;
}


div#cmodalpanel{
	text-align:left;
	position: fixed;
	left: 50%;	
	margin-left:-300px;
	width: 600px;
	background-color: #FFF;
	z-index: 30;
}
div#cpanelpanel{
	text-align:left;
	position: fixed;
	top: 20px;
	bottom:20px;
	left: 50%;	
	margin-left:-300px;
	width: 600px;
	background-color: #FFF;
	z-index: 30;
}

div#cmodalpanel{
	top:20px;
}

div#cmodalcontainer{
	/*
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:table-cell;
	vertical-align:middle;
	border:10px solid red;
	z-index:9999;
	*/
}

div#cmodalpanel .head, div#cpanelpanel .head{
	height:40px;
	width: 600px;	
	background-color: #BAD433; /* ################ SET BY WHITELABEL SHEET #################*/
	background-image: url(/images/cmodal/header_grad.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 50% 50%;
}
div#cpanelpanel .head{
	position: fixed;
	top: 20px;
}

div#cmodalpanel .head h1, div#cpanelpanel .head h1{
	padding:0 0 0 10px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:18px;
	line-height:40px;
}

div#cmodalpanel .body{
	width: 600px;
	/*overflow:auto;*/
}
div#cpanelpanel .body{
	position: fixed;
	width: 600px;
	top: 60px;
	bottom: 80px;
	overflow:auto;
}
div#cpanelpanel .bodypad, div#cmodalpanel .bodypad{
	padding:10px;
}


div#cmodalpanel .footer{
	height:60px;
	background-color: #BAD433; /* ################ SET BY WHITELABEL SHEET #################*/
	width: 600px;
}
div#cpanelpanel .footer{
	position: fixed;
	bottom: 20px;
	height:60px;
	background-color: #BAD433; /* ################ SET BY WHITELABEL SHEET #################*/
	width: 600px;
}


div#cmodalpanel .footer .buttons, div#cpanelpanel .footer .buttons{
	padding:15px 15px 0 0;
}

div#cmodalpanel .cmodal_load, div#cpanelpanel .cmodal_load{
	text-align:center;
	background:url(/images/cmodal/cmodal_load.gif) center no-repeat;
}



div#cpop, div#cc_cpop {
	text-align:center;
	position: fixed;
	top: 50%;
	left: 50%;	
	margin-left:-200px;
	margin-top:-50px;
	width: 400px;
	z-index: 30;	
	cursor:pointer;
}
div#innercpop, div#cc_innercpop {
	background:url(/images/design/floatunder.png) top left no-repeat;
	padding-top:10px;
}
div#innercpop div#innercpopcontent, div#cc_innercpop div#cc_innercpopcontent{
	background-color: #FFF;
	margin:0 10px;
	padding:10px;
	text-align:left;
}
div#botcpop, div#cc_botcpop{
	background:url(/images/design/floatunder.png) bottom left no-repeat;
	height:10px;
}


/* BUTTONS ------------------------------------------------------------  */

div#cmodalpanel .buttons a, div#cmodalpanel .buttons button,
div#cpanelpanel .buttons a, div#cpanelpanel .buttons button,
.cpanelbuttons a{
	position: relative;
    display: block;
    float: right;
    margin:0 0 0 10px;
    background: #cfd8d8 url(/images/cmodal/buttonback.gif) top left ;
    border: 1px solid #a1a1a1;
    border-bottom: 2px solid #7f7f7f;
    text-decoration:none;
	font-size: 11px;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 5px 10px; 
	z-index: 40;
}

div#cmodalpanel .buttons button,
div#cpanelpanel .buttons button{
    width:auto;
    overflow:visible;
    padding:5px 10px 5px 10px;; 
}

div#cmodalpanel .buttons button img, div#cmodalpanel .buttons a img,
div#cpanelpanel .buttons button img, div#cpanelpanel .buttons a img,
.cpanelbuttons a img{
	float: none;
    margin: 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	vertical-align:middle;	
}
			
div#cmodalpanel button:hover, div#cmodalpanel .buttons a:hover,
div#cpanelpanel button:hover, div#cpanelpanel .buttons a:hover,
.cpanelbuttons a:hover{
    background:  #cfd8d8 url(/images/cmodal/buttonback_hover.gif) top left ;
}			

	div.head a.close{ display:block; float:right; background:url(/images/cmodal/closecpanel.png)  8px 12px no-repeat; height:38px;width:35px; text-indent:-3000px;  } 
	div.head a.close:hover{ background:url(/images/cmodal/closecpanel_o.png) 8px 12px no-repeat;}