@import url("/content/css/framework/reset.css");
@import url("/content/css/framework/ie.css");
@import url("/content/css/framework/forms.css");
@import url("/content/css/framework/typography.css");
@import url("/content/css/framework/grid.css");

/* Body Styles
-------------------------------------------------------------- */
body {
	background-image: url(/content/images/background.jpg);
	background-repeat: repeat-x;
}

/* Grid
-------------------------------------------------------------- */
/* A container should group all your columns. */
.wide-container {
	width: 980px;
	margin: 0 auto;
}

	.top {
		background: url(/content/images/heading.png) no-repeat left top;
	}
	
#footer {
	font-size: 9px;
	background: #f0f0f0;
	padding: 5px 0 5px 15px;
	line-height: .8em;
	clear: both;
	text-align: center;
}

/* Navigation
-------------------------------------------------------------- */
#nav {
	background: url(/content/images/nav.png) no-repeat;
	height: 36px;
}
	#nav ul{
		padding: 5px 0 0 10px;
		margin-bottom: .4em;
		list-style-type: none;
	}

	#nav ul li{
		display:inline;
		margin:0;
		padding:0;
	}

	#nav ul li a:link,
	#nav ul li a:visited,
	#nav ul li a:hover,
	#nav ul li a:active {
		text-decoration: none;
		float:left;
		padding-left: 4px;
		font-weight: bold;
		margin-right: 1px;
		outline: none;
		color: #dedede;
	}
	
	#nav ul li a:hover,
	#nav ul li a:hover span{
		color: #fff;
	}

	#nav ul li a:hover{
		background: transparent url(/content/images/top_nav.png) no-repeat 0 -50px;
	}
	
	#nav ul li a:hover span{
		background: transparent url(/content/images/top_nav.png) no-repeat 100% -50px;
	}
	
	#nav ul li a:link span,
	#nav ul li a:visited span,
	#nav ul li a:hover span,
	#nav ul li a:active span {
		padding: 0px 15px 0px 11px;
		display: block;
		line-height: 30px;
		color: #fff;
	}
	
		#nav ul li.active a:link,
		#nav ul li.active a:visited,
		#nav ul li.active a:hover,
		#nav ul li.active a:active {
			background: transparent url(/content/images/top_nav.png) no-repeat top left;
		}
		
		#nav ul li.active a:link span,
		#nav ul li.active a:visited span,
		#nav ul li.active a:hover span,
		#nav ul li.active a:active span {
			background: transparent url(/content/images/top_nav.png) no-repeat top right;
			color: #fff;
		}
		
		#nav #branding {
			background: url(/content/images/branding.png) center no-repeat;
			width: 200px;
			height: 36px;
			float: left;
		}

/* Submenu Navigation
-------------------------------------------------------------- */
#subnav {
	font-size: 9px;
	padding: 5px 0 5px 15px;
	background: url(/content/images/subnav.png) no-repeat;
	line-height: .8em;
	height: 25px;
	clear: both;
}

	
/* Sortable
-------------------------------------------------------------- */

.sortable, .draggable, .taggable, .deletable, .attachable, .attachments {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    float: left;
}

.sortable, .draggable, .taggable, .deletable, .attachable, .attachments {
	min-height: 100px;
	width: 100%;
	overflow: auto;
}
.sortable ul, .draggable ul, .taggable ul, .deletable ul, .attachable ul, .attachments ul{
	padding: 0px;    

}

.sortable li, .draggable li, .taggable li, .deletable li , .attachable li, .attachments li{
    margin: 0 1px 1px 1px;
    padding: 1px;
    font-size: .8em;
	float: left; 
	border: 1px solid #fff;
}

.tag {
	padding: 5px !important;
}

.sortable li:hover, .draggable li:hover, .taggable li:hover, .deletable li:hover, .attachable li:hover { 
	border: 1px solid #fad42e; background: #fbec88; color: #363636;
	cursor: pointer;
}

.tabstrip {
	overflow: visible;
	min-height: 170px;
}

/**
 * Overwrite for having a carousel with dynamic width.
 */
.jcarousel-skin .jcarousel-container-horizontal {
    width: 870px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width: 100%;
}

/* Login Dialog
-------------------------------------------------------------- */
.login {
	background: url(/content/images/login.png) no-repeat;
	min-height: 499px;
}

/* Folder Styles
-------------------------------------------------------------- */

.admin{
}

	.admin .icon {
		background: #fff;
		min-height: 205px;
	}
	
	.admin .icon img {
		width: 30px;
		height: 105px;
		margin: 16px;
	}
/* Rotator
-------------------------------------------------------------- */
	#rotator{
	height:400px;
	width:150px;
	overflow:hidden;
	padding:6px 10px 14px 10px;
}
#rotator li{
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

	#rotator li{
		height:60px;
		padding:5px;
		list-style:none;
	}
	
		#rotator img{
			float:left;
			margin-right:14px;
			padding:4px;
			border:solid 1px #DEDEDE;
		}
		
/* Error Styles
-------------------------------------------------------------- */
#error {
	background-image: url(/content/images/error.png);
	width: 950px;
	height: 650px;
}

	#error #message {
	padding-top: 55px;
	width: 350px;
	float: left;
	font-family: 'Arial Black';
	font-size: large;
	color: #FF0000;
}
		#disclaimer {
			background: url(/content/images/warning.jpg);
			background-repeat: no-repeat;
			width: 650px;
			height: 548px;
			margin: 0 auto;
			text-align: center;
		}
		#disclaimer #buttons {
			width: 200px;
			background: #000;
			margin: 0 auto;
		}
		
.counter {
	font-size: x-large;
	font-weight: 600;
	font-style: italic;
}