@charset UTF-8;
/* CSS Document */


/* ------ GLOBAL CLASSES ------ */
.floatleft {
	float:left;
	margin:0 10px 0 0;
	text-align: left;
}
.floatright {
	float:right;
	margin:0 10px 0 0;
	text-align: right;
}
.small {
	font-size: .9em;
	line-height: 130%;
}
.smaller {
	font-size: .8em;
	line-height: 130%;
}
.smallest {
	font-size: .7em;
	line-height: 130%;
}
.small a, .smaller a, .smallest a {
	color:#013467;
	text-decoration: underline;
}
.small a:hover, .smaller a:hover, .smallest a:hover {
	color: #F60;
	text-decoration: underline;
}

/* ------ FORM OBJECTS and BUTTONS ------ */
form {
	margin:0;
	padding:0;
}
input {
	color: #000;
	font-size: 12px;
	background-color: #FFF;
	border:1px solid #888;
	padding:2px;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
}
textarea {
	color: #000;
	padding:2px;
	font-size: 12px;
	background-color: #FFF;
	border:1px solid #888;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
}
select {
	background:#0068B4;
	color: #FFF;
	font-size: 12px;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin-bottom:4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.button, #admin_container .button, .wymupdate, #admin_container .wymupdate { /* normal buttons */
	background:#0068B4;
	color:#FFF;
	border: 1px solid #0068B4;
	cursor:pointer; cursor:hand;
	display:block;
	font-size:12px;
	line-height:1;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	margin:0 auto;
	padding:2px 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.button_small, #admin_container .button_small { /* small buttons */
	background:#0068B4;
	color:#FFF;
	border: 1px solid #0068B4;
	cursor:pointer; cursor:hand;
	display:block;
	font-size:10px;
	line-height:1;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	margin:0 auto;
	padding:2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button_small2, #admin_container .button_small2 { /* small buttons with less prominence */
	background: #69C;
	color:#FFF;
	border: 1px solid #69C;
	cursor:pointer; cursor:hand;
	display:block;
	font-size:10px;
	line-height:1;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	margin:0 auto;
	padding:2px 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button:hover, .wymupdate:hover, .button_small:hover, .button_small2:hover, #admin_container .button:hover, #admin_container .wymupdate:hover, #admin_container .button_small:hover, #admin_container .button_small2:hover { /* mouseover state of buttons */
	background:#5F983F;
	border: 1px solid #5F983F;
	color:#FFF;
	text-decoration:none;
}




/* --------------------------- ADMIN STYLES --------------------------- */

#admin_background {
	background:#FFF url(../admin/images/admin_bg.jpg);
	color:#000;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin:20px 0;
	padding:0;
	text-align:center;
	font-size:.85em;
}
#admin_background2 {
	background:#FFF;
	color:#000;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin:0;
	text-align:center;
	font-size:.85em;
}
#admin_container {
	background:url(../admin/images/admin_container.jpg) repeat-y;
	color:#222;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:785px;
}
#admin_footer {
	background:url(../admin/images/admin_footer.jpg) no-repeat top center;
	height:50px;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:right;
	width:785px;
}
#admin_header { /* image replacement */
	background:url(../admin/images/admin_header.jpg) no-repeat;
	border:0;
	clear:both;
	height:100px;
	margin:0;
	padding:0;
	text-align:left;
	width:785px;
}
#admin_header span { /* image replacement span */
	display:none;
}
#admin_maincontent1 {
	margin:0;
	padding:0 20px;
	text-align:left;
	width:745px;
}
#admin_maincontent2 {
	margin:0;
	padding:0;
	text-align:left;
	width:545px;
}
#admin_navbar {
	background:url(../admin/images/admin_navbar.jpg) no-repeat top right;
	margin:0;
	padding:20px;
	text-align:left;
	width:200px;
	float: left;
	font-size:.9em;
}
#message-container {
	font-size:.8em;
	font-weight:bold;
	margin:0 0 0 28px;
	padding:0;
	position:absolute;
	width:350px;
	text-align:center;
}

.response {
position:absolute;
top:20px;
left:50%;
margin:10px 0 0 -125px;
}

 /* ------ PAGE TITLES ------ */
#admin_maincontent1 h5, #admin_maincontent2 h5 {
	color:#F60;
	font-size:1.2em;
	font-weight:normal;
	line-height:120%;
	margin:10px;
	padding-top:24px;
}
#admin_maincontent1 #tabs h5, #admin_maincontent2 #tabs h5 {
	color:#F60;
	font-size:1em;
	font-weight:bold;
	line-height:120%;
	margin:10px;
	padding-top:0;
}

/* ----- ADMIN CONTEXTUAL LINKS ---- */
.add_tab {
	background: url(../admin/images/add.jpg) no-repeat top left;
	height:20px;
	padding-left:20px;
	margin-left:30px;
	width:140px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
}
.add_tab a {
	color:#222;
	text-decoration:none;
}
.add_tab a:hover {
	color:#F60;
	text-decoration:underline;
}
.add_page { /* normal link to add a new page or item */
	background: url(../admin/images/add.jpg) no-repeat top left;
	padding-left:20px;
	position:absolute;
	left:50%;
	margin: 0 0 0 -135px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	top:100px;
	width:120px;
}
.add_page2 { /* second link to add a new page or item when an add_back or an add_page is already present */
	background: url(../admin/images/add.jpg) no-repeat top left;
	padding-left:20px;
	position:absolute;
	left:50%;
	margin: 0 0 0 235px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	top:100px;
	width:120px;
}
.add_page a, .add_page2 a {
	color:#222;
	text-decoration:none;
}
.add_page a:hover, .add_page2 a:hover {
	color:#F60;
	text-decoration:underline;
}
.add_page_space { /* space above and below buttons when no pages have been entered */
	padding:150px 0;
}
.add_back {
	background: url(../admin/images/back.jpg) no-repeat top left;
	padding-left:20px;
	position:absolute;
	left:50%;
	margin: 0 0 0 -135px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	top:100px;
	width:120px;
}
.add_back a {
	color:#222;
	text-decoration:none;
}
.add_back a:hover {
	color:#F60;
	text-decoration:underline;
}
.add_back2 { /* back link for pages without nav sidebar - such as the manage tabs page */
	background: url(../admin/images/back.jpg) no-repeat top left;
	padding-left:20px;
	position:absolute;
	left:50%;
	margin: 0 0 0 -325px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
	top:100px;
	width:120px;
}
.add_back2 a {
	color:#222;
	text-decoration:none;
}
.add_back2 a:hover {
	color:#F60;
	text-decoration:underline;
}
.admin_link {
	font-size:.8em;
	color: #222;
	text-decoration:none;
	margin:12px;
}
.admin_link a {
	color: #222;
	font-weight:bold;
	text-decoration:none;
	padding:4px;
	margin:0 4px;
	border:1px solid #CCC;
	background:#EBF5F7;
}
.admin_link a:hover {
	color: #222;
	font-weight:bold;
	text-decoration:none;
	padding:4px;
	margin:0 4px;
	border:1px solid #222;
	background:#EBF5F7;
}

/* ------ ADMIN CONTEXTUAL ICONS ------ */
.icons {
	border-left:1px solid #FFF;
}
.nohand {
	cursor:default;
}
.pub {
	background: url(../admin/images/unpublished_icon.gif) no-repeat bottom left;
	height:20px;
	padding-left:20px;
	margin-left:20px;
	width:120px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
}

/* ----- ADMIN NAV ---- */
.admin_nav1 {
	font-weight:normal;
	text-decoration:none;
}
.admin_nav1 a {
	background:#EBF5F7;
	border:1px solid #FFF;
	color: #222;
	display:block;
	margin:4px 0 1px 0;
	padding:4px 6px;
	text-decoration:none;
	width:180px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.admin_nav1 a:hover {
	background:#EBF5F7;
	border:1px solid #CCC;
	color: #222;
	display:block;
	margin:4px 0 1px 0;
	text-decoration:none;
	width:180px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.admin_nav2 {
	font-weight:normal;
	text-decoration:none;
}
.admin_nav2 a {
	background:#EFEFEF;
	border:1px solid #FFF;
	color: #222;
	display:block;
	margin:4px 0 1px 0;
	padding:4px 6px;
	text-decoration:none;
	width:180px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.admin_nav2 a:hover {
	background: #EFEFEF;
	border:1px solid #CCC;
	color: #222;
	display:block;
	margin:4px 0 1px 0;
	text-decoration:none;
	width:180px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/* ------ DROP SHADOW AREA ------ */
.ds_top { /* image replacement */
	background: url(../admin/images/ds_1.jpg) no-repeat bottom;
	height:auto;
	margin:0 auto;
	padding:0 0 15px 0;
	text-align:center;
	width:510px;
}
.ds_top p {
	margin:12px;
}
.ds_top span { /* image replacement span */
	display:none;
	padding:0;
}
.ds_mid {
	background: url(../admin/images/ds_2.jpg) repeat-y;
	margin:0 auto;
	padding:0 10px 0 0;
	text-align:left;
	width:500px;
}
.ds_bot { /* image replacement */
	background: url(../admin/images/ds_3.jpg) no-repeat top;
	margin:0 auto;
	padding:5px 0 20px 0;
	text-align:center;
	width:510px;
}
.ds_bot span { /* image replacement span */
	display:none;
	padding:0;
}

/* ADMIN FORM ELEMENTS */
#admin_container input {
	color: #000;
	font-size: 12px;
	border:1px solid #888;
	padding:2px;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
}
#admin_container textarea {
	color: #000;
	padding:2px;
	font-size: 12px;
	border:1px solid #888;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
}
#admin_container select {
	color: #000;
	font-size: 12px;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
	margin-bottom:4px;
}

/* ------ LIST STYLES ------ */
#admin_maincontent1 ul, #admin_maincontent2 ul {
	margin:0 0 0 4px;
	padding: 0;
	list-style-type: none;
}

/* ------ DRAGGABLE LIST STYLES ------ */	
#admin_maincontent1 .list li, #admin_maincontent2 .list li {
	border: solid 3px #FFF;
	background: #EBF5F7;
	width: 484px;
	height: 35px;
	padding:0 0 0 6px;
	line-height: 35px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;
	cursor:hand;
}
#admin_maincontent1 .list .placeholder, #admin_maincontent2 .list .placeholder {
	border: solid 3px #FFF;
	background: #FFF;
	width: 484px;
	height: 35px;
	padding:0 0 0 6px;
	line-height: 35px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#admin_maincontent1 .list li .button_small, #admin_maincontent2 .list li .button_small {
	line-height:10px;
	margin:0
}
.tabtitle {
	height:30px;
	overflow:hidden;
}

/* ------ NON-DRAGGABLE LIST STYLES ------ */
#admin_maincontent1 .list3 li, #admin_maincontent2 .list3 li {
	border: solid 3px #FFF;
	background: #EFEFEF;
	width: 484px;
	height: 35px;
	padding:0 0 0 6px;
	line-height: 35px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#admin_maincontent1 .list3 .placeholder, #admin_maincontent2 .list3 .placeholder {
	border: solid 3px #FFF;
	background: #FFF;
	width: 484px;
	height: 35px;
	padding:0 0 0 6px;
	line-height: 35px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#admin_maincontent1 .list3 li .button_small, #admin_maincontent2 .list3 li .button_small {
	line-height:10px;
	margin:0
}
#admin_maincontent1 .list3 li div, #admin_maincontent2 .list3 li div {
}

/* ------ BLOG MANAGEMENT STYLES ------ */
.blogtitle {
	height:30px;
	overflow:hidden;
	font-weight:bold;
	margin:2px;
	padding:1px;
}
.deletebutton {
	float:right;
	margin-right:100px;
}

/* ------ IMAGE LIBRARY STYLES ------ */
.scroller {
	overflow:auto;
	margin:10px;
}
#admin_background2 h5, .scroller h5 {
	color:#F60;
	font-size:1em;
	font-weight:bold;
	margin:6px 0 0 0;
	padding:0;
	line-height:1;
}
.imagelibrary {
	left:50%;
	top:45px;
	position:absolute;
	margin:0 0 0 155px;
	z-index:250000;
}
.imagelibrary a {
	background:#FFF;
	border: 1px solid #888;
	cursor:pointer;
	cursor:hand;
	padding:3px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.imagelibrary a:hover {
	background:#DEF;
	border: 1px solid #888;
	cursor:pointer;
	cursor:hand;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.listitem { /* image library instructions and blog comments */
	font-size:.9em;
	border: solid 3px #FFF;
	background: #EFEFEF;
	padding:10px;
	margin:4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.listitem2 {
	font-size:.9em;
	border: solid 3px #FFF;
	background: #EFEFEF;
	padding:3px;
	line-height:74px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.listitem3 { /* image library instructions list */
	font-size:.8em;
	border: solid 1px #CCC;
	background: #EFEFEF;
	padding:6px;
	margin:10px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.scroller input { /* image library upload form */
	color:#013467;
	font-size: 10px;
	background-color: #FFF;
	border:1px solid #888;
	padding:1px;
	font-family:Lucida Sans, Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.scroller textarea { /* image library upload form */
	color:#013467;
	background-color: #FFF;
	border:1px solid #888;
	padding:1px;
	font: 9px Arial, sans-serif;
	width:320px;
}

/* IMAGE LIBRARY LIST ITEMS */
#admin_maincontent1 .list4 li, #admin_maincontent2 .list4 li {
	border: solid 3px #FFF;
	background: #EBF5F7;
	width: 484px;
	height: 52px;
	padding:0 0 0 6px;
	line-height: 52px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor:pointer;
	cursor:hand;
}
#admin_maincontent1 .list4 .placeholder, #admin_maincontent2 .list4 .placeholder {
	border: solid 3px #FFF;
	background: #FFF;
	width: 484px;
	height: 52px;
	padding:0 0 0 6px;
	line-height: 52px;
	margin:0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
#admin_maincontent1 .list4 li .button_small, #admin_maincontent2 .list4 li .button_small, #admin_maincontent1 .list4 li .button_small2, #admin_maincontent2 .list4 li .button_small2 {
	line-height:10px;
	margin:0
}

/* IMAGE LIBRARY CATEGORY LINKS */
.catlink {
	display:inline;
	margin:6px 0 0 6px;
	padding:2px 4px;
	font-size:10px;
}
.catlink a {
	color:#222;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:.05em;
	line-height:1;
	font-weight:bold;
	height:auto;
	text-align:center;
}
.catlink a:hover {
	color:#F60;
	cursor:pointer;
	cursor:hand;
}
.imagecats {
	background: #E3F3FF;
	color: #1C4876;
	margin:0 3px;
	padding:2px;
	font-weight:bold;
	font-size:10px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

/* ------ CONTENT TREE STYLES ------- */
.tree {
	margin:0 20px 10px 80px;
	font-weight:bold;
	line-height:1;
}
.treetab {
	background:url(../admin/images/C.gif) no-repeat top left;
	color:#013467;
	margin-top:10px;
	margin-bottom:0;
	padding:6px;
	line-height:1;
	font-size:12px;
}
.treewrapper div {
	margin-left:16px;
	padding-bottom:2px;
	background:url(../admin/images/L.gif) no-repeat bottom left;
	height:auto;
	font-size:11px;
}
.treelink {
	padding:6px 12px;
	margin:0;
}
.treelink a {
	color:#013467;
	text-decoration:none;
}
.treelink a:hover {
	color:#F60;
	text-decoration:underline;
}
.tree_key {
	float:right;
	border:1px solid #CCC;
	margin-right:20px;
	padding:12px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-size:.8em;
	line-height:140%;
	width:180px;
}
.tree_key div {
	color:#013467;
	font-weight:bold;
	font-size:.9em;
	text-align:center;
	margin:0 0 6px 0;
}
.view_tree {
	background: url(../admin/images/tree.gif) no-repeat top left;
	height:20px;
	padding-left:20px;
	margin-left:30px;
	width:120px;
	font-size:.8em;
	font-weight:bold;
	text-align:left;
}
.view_tree a {
	color:#222;
	text-decoration:none;
}
.view_tree a:hover {
	color:#F60;
	text-decoration:underline;
}

.message {
background:#FFF;
border:1px solid #F60;
font-size:.8em;
position:absolute;
top:10px;
left:50%;
margin: 0 0 0 -140px;
width:280px;
padding:10px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
}