@charset "UTF-8";

body{
	background-color:#DDEEF6;

	margin:0px;
	background-image:url(img/bg2.png);
	background-position:top;
	background-repeat:repeat-x;
}

div {
	font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size:11px;
}


#topmenu{
	float:right;
	width:270px;
	

}


#topmenu ul{
	padding:0px;
	margin:0px;
	list-style:none;
	

}


#topmenu ul li{
	padding:0px;
	margin:0px;
	list-style:none;
	float:right;

}

#topmenu ul li a{
	display:block;
	color:#FFF;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	height:20px;
	font-size:11px;

	margin-left:3px;
	/* background-color:#2B3346;  */
	text-decoration:none;


}

#topmenu ul li a:hover{
 /*	background-color:#6D7589; */

}








#pagelist{
	float:right;
	width:750px;
	margin-top:13px;
	
	clear:both;
}


#pagelist ul{
	padding:0px;
	margin:0px;
	list-style:none;

}


#pagelist ul li{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;

}

#pagelist ul li a{
	display:block;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;


	margin-left:3px;
	/*
	background-color:#8A9CC2;
	*/

	text-decoration:none;
	padding-top:6px;
	height:22px;
	font-size:11px;
	font-weight:bold;

}


#pagelist ul li .activePage{

	background-color:#DDEEF6;
	color:#333;


}


#pagelist ul li a:hover{
	background-color:#DDEEF6;
	color:#2B3346;

}

#pagelist ul li .activePage:hover{
	color:#09F;

}


#logo{
	


	height:80px;

	width:950px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;

	
	}

#container .column {
	width:32.2%;
	float:left;
	margin:5px;
	min-height:800px;
	padding-bottom:300px;
	
}





#container {
	margin-left:auto;
	margin-right:auto;
	display:block;
	
	width:980px;
	
	/*
	width:100%;
	*/
	
}


#container .block{
	display:block;
	clear:both;

	margin-bottom:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	border:5px solid #C0DEED;
	background-color:#C0DEED;
	height:345px;


	
}


#container .innerblock{

	border:1px solid  #8EC1DA;
	background-color:#FFF;
	padding:2px;

	
}

#container .ui-sortable-placeholder{

	background-image:none;
	
	
}



.ui-sortable-helper{
	border:5px solid #000;
	
}



.ui-sortable-placeholder { 



	border:2px dotted #999;
	background-image:none;
	

visibility: visible !important;
}

	.ui-sortable-placeholder * { 
	visibility: hidden;
		background-image:none;
	
	}




#container #Block2 {
	background-color:#0471A8;
}



#container .logo{
	
}



#container .menu {
	float:right;
	padding:5px;
}

#container  .title{
	float:left;
	padding:6px;
	color:#333;
	font-weight:bold;
	font-size:12px;
	font-weight:bold;
	
}

#container  .header{
	height:28px;
	display:block;
	clear:both;
	cursor: -moz-grab;
	cursor: pointer;

	border-bottom:2px dotted #C0DEED; 
/*
*/
	
	background-image:url(img/header.png);
	
	
	background-position:top;
	background-repeat:repeat-x;
	
}


#container  .links {
	clear:both;
	text-align:left;
	
	
}
.frami {
	clear:both;
	height:300px;
	overflow:hidden;
}

#container  .links ul{
	list-style:none;
	padding:0px;
	margin:0px;
	
	
}

#container  .links ul li{
	list-style:none;
	padding:0px;
	margin:0px;
	overflow:hidden;

	
	
	
}


#container  .links ul li a{
	color:#333;
	text-decoration:none;
	
	
	display:block;
	clear:both;
	padding:4px;
	cursor:pointer;
	 border-top:1px solid #EEE;
	background-image:url(img/bull.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:13px;

}



















#container  .links ul li:hover a{
		color:#FFF;
		background-color:#C5E655;
		background-image:none;
		border-top-color:#FFF;
	
		
}






#container .block .content {
	clear:both;
	padding:5px;
	color:#666;
}





#container .block .menu {
	visibility:hidden;
}


#container .block:hover .menu {
	visibility:visible;
}

.top{
	clear:both;

	padding:10px;
	height:40px;


	margin-bottom:0px;

	width:950px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-7px;
	#margin-top:-11px;
	z-index:1000;


}


.top ul{
	padding:0px;
	margin:0px;
	list-style:none;
	margin-top:10px;
}

.top ul li{
	padding:0px;
	margin:0px;
	list-style:none;
	float:left;
	padding-left:20px;
}


.addContent{
	background-color:#C1E353;
	color:#333333;
	border:0px;

	padding:8px;
	cursor:pointer;
	padding-left:35px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;

	border:2px solid #A7C842;
	display:block;
	width:130px;
	float:left;
	margin-top: -8px;
	#margin-top:0px;


}

.searchbuton{
		background-image:url(img/search.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
}

.addbuton{
		background-image:url(img/add.png);
	background-position:5px 5px;
	background-repeat:no-repeat;
}


.addContent:hover{
	background-color:#333;
	color:#FFF;
	border:2px solid #000;
}

.gSearch{
	border:2px solid #8EC1DA;
	background-color:#FFF;
	color:#333;
	padding:5px;
	margin-left:-20px;
	font-size:14px;
	margin-top:-6px;
	#margin-top:3px;
	
	background-image:url(img/header.png);
	background-position:0px -10px;
	background-repeat:repeat-x;

	width:540px;
}



.inputT{
	border:2px solid #CCC;
	background-color:#FFF;
	color:#333;
	padding:5px;
	font-size:14px;
	margin-top:-6px;
	#margin-top:3px;


}




.dialogBox{

	padding:20px;
	width:880px;
	height:330px;
	background-color:#FFF;
	margin-top:1px;
	
}


.dialogBox input,.dialogBox img,.dialogBox select{
	float:left;
	margin-left:10px;
	
}


.addSelect {
	margin:0px;
	padding:0px;
	list-style:none;
	width:900px;
	height:400px;
	background-color:#B2D4E4;
	padding-top:8px;
	padding-left:8px;
}

.addSelect li {
	margin:0px;
	padding:0px;
	list-style:none;
	float:left;
	

}

.addSelect li div {
	display:none;

	position:absolute;
	left:10px;
}



.addSelect .selDial div {
	display:block;
}






.addSelect li a:hover {
	color:#000;
}

.addSelect li a:hover, .addSelect li:hover a{
	border-left:1px solid #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	color:#000;
	background-color:#FFF;
}

.addSelect li a {
	text-decoration:none;
	color:#666;
	
	display:block;
	width:100px;
	font-weight:bold;
	
	background-color:#DDEEF6;
	padding:10px;
	margin-right:3px;
	margin-bottom:-1px;
	border-left:1px solid #DDEEF6;
	border-top:1px solid #DDEEF6;
	border-right:1px solid #DDEEF6;
}

.widgetBox{

	width:50px;
	height:10px;
	background-position:7px 5px;
	border-left:1px dotted #CCC;
	border-top:1px dotted #FFF;
	border-right:1px dotted #FFF;
	border-bottom:1px dotted #CCC;
	color:#666;
	font-weight:bold;
	padding:10px;
	padding-top:55px;
	padding-left:5px;
	float:left;
	margin:3px;
	text-align:center;
	

	background-repeat:no-repeat;
	cursor:pointer;
	overflow:hidden;

	

}


.widgetBox:hover{
	color:#000;
	border:1px solid #09F;
	

}

.hiddenPage{
	display:none;
}
















/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#000;
	font-size:11px;
	width:220px;
		border: 2px solid #F9E98E;
	background-color:#FBF7AA;
	
	padding:10px 10px 10px 10px;
	
}


#tooltip img {
	border:0px;
	
}



#tooltip h3 {
	font-size:12px;
	margin:3px;
	
}





/* demo */
label
{
	display:block;	
}


/* autocomplete */
input.autocomplete-loading
{
	background-image:url(img/autocomplete.gif);
	background-position: center right;
	background-repeat:no-repeat;
}
ul.autocomplete 
{
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid ButtonShadow;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #000;
	display:none;
	z-index:1000;

}
ul.autocomplete li 
{
  display: block; 
  padding: 0.5em; 
  overflow: hidden;
  width: 100%;
  cursor:pointer;
  font-size:12px;
}

ul.autocomplete li.selected 
{
  background-color: Highlight ; 
  color: #fff;
}

.rpxnow{

	color:#FFF;
	background-image:url(img/user.png);
	padding-left:30px;
	width:55px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	text-align:right;
}

.baloon{
	background-image:url(img/baloon.png);
	background-repeat:no-repeat;
	background-position:top;
	width:250px;
	height:190px;
	position:absolute;
	margin-left:-250px;
	padding:25px;
	padding-top:35px;
	color:#666;
	cursor:pointer;
}


.baloon h2{
	font-size:16px;

	margin:0px;
	padding:0px;
	padding-bottom:5px;
	
}


.baloon p{

	margin:0px;
	padding:0px;

	
}

.bigBlock{
	clear:both;
	position:absolute;
	width:625px;
	height:339px;
	margin-left:auto;
	margin-right:auto;
	z-index:5000;

	
}
.bigBlock iframe{

	height:300px;
	  overflow:scroll;
	
}

/*
.bigBlock .content{

	height:300px;
	  overflow:scroll;
	
}
*/


.bigBlock .frami{

	height:295px;	
}





#column3 .bigBlock{
	margin-left:-326px;

	
}



#configForm{
	height:287px;
	#height:281px;
}

.linear {
	height:90px;
}

.linear img,.linear input,.linear select{
	float:left;
	margin-right:10px;
}


.boxHeader{
	margin:0px;
	padding:10px;
	font-size:12px;
	background-color:#C0DEED;
	color:#FFF;
	font-weight:bold;
	margin-bottom:20px;
}