/*
*	CustomPublish AS Admin Panel 2009
*	Paul Castle (paul@mindresin.co.uk) (http://mindresin.co.uk)
*/
body {
	font-family: arial;
	font-size: 13px;
	background: #BBBBBF;
}
td {
	font-family: arial;
	font-size: 13px;
}
#cpadmin_pagecontainer {
	width: 950px; 
	/*height: 400px;*/
	margin: 5px auto 0;
	background: #FFF;
	position: relative;
	border: 2px solid #99999D;
}
#cpadmin_pagecontainer_short {
	margin: 1px 1px;
	background: #FFF;
	position: relative;
	border: 2px solid #99999D;
}
#cpadmin_main {
	padding:20px;
  min-height:330px;
  height:auto !important;
  height:330px;
}
#cpadmin_bottombar {
	width: 950px;
	margin: 5px auto 0;
	text-align: center;
}

/* CustomPublish Logo */
a#cplogo {
	display: block; float: right;
	width: 244px; height: 44px;
	margin: 10px 10px 0 0; padding: 0;
	text-indent:-9999px;
	background: transparent url(cplogo.gif) center center no-repeat;
}
/* CustomPublish COMPACT Logo */
a#cplogo_compact {
	display: block; float: right;
	width: 244px; height: 44px;
	margin: 0px 0px 0 0; 
	padding: 0;
	text-indent:-9999px;
	background: transparent url(cplogo.gif) center center no-repeat;
}

/*
	mysite.custompublish.com user link 
*/
a#cpadmin_sitetitle {
	float: left;
	margin: 20px 0 0 20px; padding: 0;
	font: bold 18px/20px "Trebuchet MS",Verdana,Arial,sans-serif; 
}
a#cpadmin_sitetitle:link, a#cpadmin_sitetitle:visited {
	color: #32506F;
	text-decoration: none;
}
a#cpadmin_sitetitle:hover, a#cpadmin_sitetitle:focus {
	text-decoration: underline;
}
/*
	Main tab-menu container.
*/
ul#cpadmin_tabmenu {
	position: relative;
	width: 100%; height: 60px;
	margin: 60px 0 0 0; padding: 0;
	background: #404040 url(tab_bg.gif) top left repeat-x; list-style: none;
	border-top: 3px solid #CCC;
}
/*
	Base tab anatomy. Global attributes for all tabs in our menu.
*/
/* base */
ul#cpadmin_tabmenu li.cpadmin_tab {
	display: inline;
}
ul#cpadmin_tabmenu li.cpadmin_tab a {
	display: block; float: left;
	width: 66px; height: 54px;
	margin: 6px 0 0 10px; padding: 0;
	background: transparent url(tab.png) top left no-repeat;
	text-decoration: none;
	color: #8B8B8B;
}
/* label */
ul#cpadmin_tabmenu li a span.tab_label {
	display: block; margin: 0; padding: 0;
	font: bold 11px Verdana,Arial,sans-serif;
	text-align: center;
}
/* icon */
span.cpadmin_tabicon	{
	display: block;
	width: 34px; height: 30px;
	margin: 5px 0 4px 16px;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}
/*
	Custom classes for all menu items for customised icons. 
*/
.tabicon_view		{ background-image: url(tabicon_view.png); }
.tabicon_home		{ background-image: url(tabicon_home.png); }
.tabicon_articles	{ background-image: url(tabicon_articles.png); }
.tabicon_search		{ background-image: url(tabicon_search.png); }
.tabicon_pages		{ background-image: url(tabicon_pages.png); }
.tabicon_files		{ background-image: url(tabicon_files.png); }
.tabicon_users		{ background-image: url(tabicon_users.png); }
.tabicon_tools		{ background-image: url(tabicon_tools.png); }
.tabicon_shop		{ background-image: url(tabicon_shop.png); }
.tabicon_settings	{ background-image: url(tabicon_settings.png); }
.tabicon_region { background-image: url(tabicon_region.png); }
.tabicon_changepass { background-image: url(tabicon_changepassword.png); }

/*
	Settings for 'active' state tabs. To set a tab as active. 
	Apply class .cpadmin_active to a valid <li> element ONLY. All child elements will be affected.
*/
/* base */
ul#cpadmin_tabmenu li.cpadmintab_active	a {
	background-position: bottom left; outline: none;
}
/* label */
ul#cpadmin_tabmenu li.cpadmintab_active a span.tab_label {
	color: #FFF;
}
/* icon */
ul#cpadmin_tabmenu li.cpadmintab_active span.cpadmin_tabicon {
	background-position: bottom left;
}
/*
	Settings for mouse-over 'hover' states, and keyboard-navigated 'focus' states.
*/
/* base */
li.cpadmin_tab a:hover, li.cpadmin_tab a:focus {
	outline: 1px dashed #999;
}
/* label */
li.cpadmin_tab a:hover span.tab_label,li.cpadmin_tab a:focus span.tab_label {
	color: #FFF;
}
/* icon */
li.cpadmin_tab a:hover span.cpadmin_tabicon, li.cpadmin_tab a:focus span.cpadmin_tabicon {
	background-position: bottom left;
}
/*	
	Sub-menu level 1
*/
#cpadmin_submenu_level1	{
	height: 39px; 
	background: #32506F url(tab_submenu_bg.png) top left repeat-x;
}
ul#tabmenu_level1 {
	height: 39px;
	list-style: none;
	margin: 0; 
	padding: 0;
	padding-left: 17px;
	border-bottom: 3px solid #CCC;
}
ul#tabmenu_level1 li {
	display: inline;
}
ul#tabmenu_level1 li a {
	display: block; 
	float: left;
	padding: 0 10px 0 10px;
	font: bold 13px/38px "Trebuchet MS",Verdana,Arial,sans-serif;
}
ul#tabmenu_level1 li a:link, ul#tabmenu_level1 li a:visited {
	color: #FFF;
	text-decoration: none;
}
ul#tabmenu_level1 li a:hover, ul#tabmenu_level1 li a:focus {
	color: #FFF;
	text-decoration: underline;
}
/* active state */
ul#tabmenu_level1 li.cpadminlevel1_active a {
	/*
color: #FFF;
	background: #426A94;
	text-decoration: none;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
*/
	margin-top: 4px;
	background: #fff url(headertab.png) repeat-x; 
	color: #0f518e;
	border-radius: 5px 5px 0 0;
	   -moz-border-radius-topleft: 5px;
	   -moz-border-radius-topright: 5px;
	   -webkit-border-top-left-radius: 5px;
	   -webkit-border-top-right-radius: 5px;
}
/*
	Attributes below control page rounded corners
*/
/* basecorner needed for every corner, sets primary attributes */
#cpadmin_pagecontainer .basecorner, #cpadmin_pagecontainer_short .basecorner {
	position: absolute;
	width: 13px; height: 13px;
	background-image: url(corner.gif);
	font-size: 1px;
}
/*
	These control absolute position and background position for each corner. 
	Layout dimensions can easily be adjusted later without affecting corners.
	-2px is needed to account for the primary container 2px border.
*/
#cpadmin_pagecontainer .corner_tl,#cpadmin_pagecontainer_short .corner_tl			{ top: -2px; left: -2px; background-position: top left; }
#cpadmin_pagecontainer .corner_tr,#cpadmin_pagecontainer_short .corner_tr			{ top: -2px; right: -2px; background-position: top right; }
#cpadmin_pagecontainer .corner_bl,#cpadmin_pagecontainer_short .corner_bl			{ bottom: -2px; left: -2px; background-position: bottom left; }
#cpadmin_pagecontainer .corner_br,#cpadmin_pagecontainer_short .corner_br			{ bottom: -2px; right: -2px; background-position: bottom right; }

#cpadmin_flagbar,#cpadmin_logout {
	clear:both;
}
#cpadmin_signature {
	clear:both;
	font-size: 10px;
	color: #c9c9c9;
}
#cpadmin_flagbar a, #cpadmin_flagbar a:hover, #cpadmin_flagbar a:visited  {
	color: gray;
	text-decoration: none;
	font-size: 12px;
}
#cpadmin_logout a, #cpadmin_logout a:hover, #cpadmin_logout a:visited  {
	color: black;
	text-decoration: underline;
	font-size: 14px;
}

/* --- text --- */
h1 {
	margin-top: 4px;
	font-size: 18px;
} 
h2 {
	margin-top: 4px;
	font-size: 15px;
}
h3 {
	margin-top: 4px;
	font-size: 12px;
} 
a, a:visited, a.hover {
	color: black;
}
.tiny {
	font-family: arial;
	font-size: 90%;
	color: #333333;
}
th.headright {
	text-align: right;
}
th {
	text-align: left;
}
.underlined {	
	border-bottom: 1px dotted	 #e0e0e0;
}

/* admin popup menu */
.popupmenuframe {
	padding-left: 1px;
	padding-top: 1px;
	background-color: buttonface;
	border-top: none;
	border-left: none;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.popupmenu {
	padding: 1px;
	background-color: buttonface;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.popupitem {
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	background-color: buttonface;
	cursor: default;
}

.popupitemsel {
	color: #ffffff;
	font-family: arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 1px;
	background-color: #000065;
	cursor: default;
}

.popupitemseparator {
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	background-color: buttonface;
	border-top: 1px solid buttonshadow;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid buttonhighlight;
	cursor: default;
}


.qftable .formtext {
	width: 93%;
}
.qftable .formtextarea {
	width: 93%;
	height: 80px;
}
.qftable .mediumtext {
	width: 93%;
	height: 50px;
}
.qftable .formtexttiny {
	width: 10%;
}

.qftable .formtextsmall {
	width: 25%;
}

.qftable .formtextmedium {
	width: 50%;
}

.qftable .formlabel  {
	font-weight: bold;
	text-align: right;
}

.qftable span.formlabel  {
}

.qftable a.helptextlink  {
	font-weight: normal;
	color:  blue;
	text-decoration: none;
	padding-left: 2px;	
}

/**
 * Additional styles
 */
.cpsimpleform p {	
	margin: 4px 0px 4px 0px;
	padding: 0px 0px 0px 0px;
	color: gray;
}
.cpsimpleform p.elementtext {	
	margin-bottom: 15px;
	color: gray;
}
.cpsimpleform .cpstextheading {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.cpsimpleform .cpselementcontainer  {
	margin-top: 15px;
}
.cpsimpleform textarea  {
	width: 99%;
}
.cpsimpleform .cpstext  {
	width: 99%;
}

/**
 * Old styles from pre 2009 interface
 */
.basicbold {
	font-weight: bold;
}

/**
 * New Pages classes, Aug 2010
 */
.pagenodeitem {
	text-decoration: none;
}
.itemselected {
	font-weight: bold;
	text-decoration: underline;
	font-size: 115%;
}
.basicunderline {
	text-decoration: underline;
}
.pagenodeitem .nodeid {
	font-size: 80%;
}
.defaultpage {
	font-weight: bold;
	font-size: 110%;
	font-style: italic;
}