/* LAYOUT
------------------------------------*/

#container{
	/*width:860px;
	margin:0 auto;*/
}
#header{
	background-color:#333;
	margin:0 0 1px 0;
}
#header h1{
	color:#FFFFFF;
	padding:20px;
	/*font-family: "Trebuchet MS";*/
	font-weight:normal;
	font-size:180%;
	margin:0;
}
#header h1 span{
	font-size:13px;
}
#header a{
	color:#999;
}
#header a:hover{
	color:white;
}

#menu{
	
}
#body{
	background-color:#FFFFFF;
	clear:both;
	padding:20px;
	margin:0 auto;
	width:80%;
	border:1px solid #CCCCCC;
}
#footer{
	padding: 10px 20px;
	margin:0;
	margin:0 auto;
	width:80%;	
}
#logout{
	position:absolute;
	top:10px;
	right:10px;
	color:#FFFFFF;
}
#logout a{
	color:#999;
}
#logout a:hover{
	color:white;
}

/* MENU
------------------------------------*/

#menu{
	background-color:#396AAC;
	/*background-image: url(../images/menu_background.gif);*/
	background-repeat: no-repeat;
	background-position: center top;
}
#menu ul{
	margin:0 0 0 10px;
	padding:4px 0 0 0;
}
#menu ul li{
	float:left;
	margin:0;
	padding:0;	
}
#menu ul li a{
	float:left;
	display:block;
	padding:6px 10px 8px 10px;
	color:white;
}
#menu ul li a:hover{
	background: #6B8FC1
}
#menu ul li.selected a{
	background: #003366;
	color:#FFF;
}
#submenu{
	background-color:#003366;
	margin:0 0 20px 0;
	font-size: 11px;
	zoom:1;
}
#submenu h2{
	float:left;
	color:#FFFFFF;
	margin:0;
	padding:8px 10px 0px 20px;
	font-size:13px
}
#submenu ul{
	margin:0 0 0 10px;
	padding:4px 0 0 0;
}
#submenu ul li{
	float:left;
	margin:0;
	padding:0;	
}
#submenu ul li a{
	float:left;
	display:block;
	padding:6px 10px 8px 10px;
	color:white;
}
#submenu ul li a:hover{
	background-color:#00509F;
}
#submenu ul li.selected a{
	background-color:#F5F5F5;
	color:#000;
}

/* DROP LISTS
------------------------------------*/

.content_list{
	position:relative;
}
.content_list_arrow{
	
}
.content_list div{
	display:none;
	position:absolute;
	width:180px;
	left:0px;
	top:25px;
	z-index:100;
	border-bottom:1px solid #396AAC;
}
.content_list div a{
	display:block;
	font-size:12px;
	padding:3px 5px;
	border:1px solid #396AAC;
	border-bottom:none;
	background:white;
}
.content_list div a:hover{
	background:#396AAC;
}
.content_list div.active{
	display:block;
}

.drop_list{
	margin:0;
	padding:0;
}
.drop_list li{
	position:relative;
	margin:0;
	padding:0;	
}
.drop_list li.parent a{
	display:block;
	height:18px;
	line-height:14px;
	background-image:url(../../images/icons/bullet_arrow_down.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding:0 20px 0 0;
}
.drop_list li.hover a{
	color:white;
}
.drop_list li.hover ul{
	display:block;
}
.drop_list ul{
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:100;
	left:0px;
	top:18px;
	width:140px;
	border:1px solid #999;
	background-color:#000000;
}
.drop_list ul li{
	width:140px;
}
.drop_list li.hover ul a{
	display:block;
	padding:3px 4px;
	background-image:none;
}

/* custom drop lists */

.site_switch{
	#width:130px; /* hack for ie */
}

/* FORMS
------------------------------------*/

dl{
	clear:both;
	padding:0 20px;
}
dt{
	clear:both;
	margin:10px 0px 10px 0;
	padding:0;
	font-weight:bold;
}
dd{
	padding:0;
	width:100%;
	margin:10px 0 10px 0;
}
dl.float{
	padding:0;
}
dl.float dt{
	float:left;
	width:22%;
	clear:both;
	text-align:right;
	padding-right:20px;	
}
dl.float dd{
	float:left;
	width:70%;
}
dl hr{
	border:0px;
	border-top:1px solid #F5F5F5;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
	height:1px;
}

/* TABLE
------------------------------------*/

.data{
	margin:0 0 10px 0;	
	width:100%;
}
.data-small td{
	font-size:9px;
}
.data td{
	padding:5px;
	border:1px solid white;
}
.data thead tr{
	background-color:#EBEBEB;
}
.data thead td{
	font-weight:bold;
}
.data tbody tr{
	background-color:#F5F5F5;
}
.data tbody tr:hover{
	background-color:#FFF;
}
.data .actions{
	text-align:right;
}
.data .selected{
	font-weight:bold;
}

/* SORTABLES
------------------------------------*/

#sortable{
	margin:0 0 10px 0;
	padding:0;
}
.sortable{
	list-style:none;
	border:1px solid #CCCCCC;
	padding:5px 10px;
	background-color:#F5F5F5;
	display:block;
	margin:0 0 5px 0;
	cursor:pointer;
	zoom:1;
}
.sortable:hover{
	border:1px solid black;
}
.sorthelper{
	/*padding:5px 10px;
	background-color:#CCCCCC;
	display:block;
	margin:0 0 5px 0;*/	
}


/* EXTRAS
------------------------------------*/

.error{
	padding:10px;
	border:1px solid #CC3300;
	color:#CC3300;
	background-color:#EDDCDC;
	margin:0 0 10px 0;
}
.mceEditor{
	width:100%;
}
.field{
	width:100%;
}
#msg{
	font-weight:bold;
	margin:0 0 10px 0;
	padding:10px;
	display:none;
	color:#396AAC;
	overflow:hidden;
}
.blue{
	background-color:#D7E4EC;
	border:solid 1px #0080C0;
}
.yellow{
	background-color:#FFFF99;
	border:solid 1px #FFCC00;
}

/* ICONS
------------------------------------*/

.icon{
	float:left;
	margin:0 10px 10px 0;	
}
.icon .button{
	display:block;
	width:138px;
	border:1px solid #FFF;
	position:relative;
	padding:5px;
}
.icon .button:hover{
	border:1px solid #CCCCCC;
}	
.icon .button span{
	display:none;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:10;
}
.component_icon{
	float:left;
	margin:0 10px 10px 0;	
}
.component_icon .button{
	border:1px solid white;
	display:block;
	padding:5px 5px 5px 42px;
	width:120px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:5px center;
	height:36px;
	line-height:36px;
}
.component_icon img{
	
}
.component_icon span{
	float:left;
}
/*.component_icon a{
	background-repeat:no-repeat;
	display:block;
	width:100px;
	border:1px solid #FFF;
	position:relative;
	padding:5px;
	color:#CCCCCC;	
}*/
.component_icon .button:hover{
	border:1px solid #CCCCCC;
	color:#396AAC;
}
span.button{
	float:left;
	margin:0 5px 0 0;
}
span.button a{
	font-size:11px;
	padding:6px 8px 6px 22px;
	display:block;
	border:1px solid #CCCCCC;
	background-color:white;
	background-position:3px 50%;
	background-repeat:no-repeat;
}
span.button a:hover{
	background-color:#F5F5F5;
	color:black;
}
span.order a{
	background-image:url(../../images/icons/order.png);
}
span.add_component a{
	background-image:url(../../images/icons/add_component.png);
}

/* MODAL
------------------------------------*/

.jqmOverlay { background-color: #000; }
.jqmWindow {
	display:none;
	position:fixed;
	#position:absolute;
	z-index:500000;
	top:20px;
	left:20px;
	/*top: 20px;
	bottom:20px;
	left: 20px;
	right:20px;
	border: 1px solid #000;
	z-index:3000;*/
}
#modal_header{
	padding:0 4px;
	background-color:#396AAC;
	border-bottom:3px solid #003366;
	text-align:right;
	height:20px;
	line-height:20px;
}
#modal_close{
	color:#FFFFFF;
}
#modal_close:hover{
	color:#000;
}
#modal_html{
	/*position:absolute;
	top:20px;
	bottom:0px;
	overflow:hidden;
	left:0px;
	right:0px;*/
}
#modal_iframe{
	width:100%;
	/*height:100%;*/
}
	
/* TAGS
------------------------------------*/

.tag_add{

	background-image:url(../../images/icons/add.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 24px;
	height:16px;
	display:block;
	color:#3399CC;

}

.tag_delete{

	background-image:url(../../images/icons/delete.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 24px;
	height:16px;
	display:block;
	color:#3399CC;

}