/**
 * CMS admin templates
 * by Jason Crosse jason@antanova.com
 * for J2.net
 */

/*
* html * {zoom:1;}
body {background-color:#ffffff; margin:0; padding:20px 0; font-size:100%; font-family:Arial, Helvetica, sans-serif;}
#admincontainer {width:990px; position:relative; margin:0 auto;}
*/

body {margin:0;font-size:100%; font-family:Arial, Helvetica, sans-serif;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li{margin:0; padding:0; display:block;}
li {list-style:none;}
a img {border:0;}
.clear {clear:both;}

.maintabs      {margin:0 0 0 10px; padding:0;}
.maintabs li   {float:left; display:inline; width:99px; height:23px;}
.maintabs li a {padding-top:3px; display:block; width:99px; height:20px; background:url('/images/maintab_bg.gif') 0 -23px no-repeat; text-decoration:none; text-align:center; font-size:0.75em; color:#6E6F70;}
.maintabs li.active a {background-position:0 0; color:#ffffff;}

.headbar {background:url('/images/headbar_bg.gif') 0 0 repeat-x; float:left; display:inline; width:100%;}
.headbar .tabs {margin:22px 0 0 0; padding:0;}
.headbar .tabs li {list-style:none;}
.headbar .tabs li a {display:block; text-indent:-999em; width:130px; height:39px;}
#site,#files,#tags,#users,#services,
#create, #connect, #designbrowse, #add {float:right; display:inline; list-style:none; width:130px; height:39px;}
#site a:hover, #files a:hover, #tags a:hover, #users a:hover, #services a:hover,
#create a:hover, #connect a:hover, #designbrowse a:hover, #add a:hover {background-position:0 0;}
#services a { background:url('/images/tab_iservices.gif')  0 -39px no-repeat;}
#site a  { background:url('/images/tab_site.gif')  0 -39px no-repeat;}
#files a { background:url('/images/tab_files.gif') 0 -39px no-repeat;}
#tags a  { background:url('/images/tab_tags.gif')  0 -39px no-repeat;}
#users a { background:url('/images/tab_users.gif') 0 -39px no-repeat;}
#create a  { background:url('/images/tab_create.gif') 0 -39px no-repeat;}
#connect a { background:url('/images/tab_connect.gif') 0 -39px no-repeat;}
#designbrowse  a.design  { background:url('/images/tab_design.gif') 0 -39px no-repeat;}
#designbrowse  a.browse  { background:url('/images/tab_browse.gif') 0 -39px no-repeat;}
#add a     { display:block;background:url('/images/tab_webparts.gif') 0 -39px no-repeat;}
#add a.hid {display:none;}
/* -- */
.loginbar {clear:both; background:url('/images/loginbar_bg.gif') 0 0 repeat-x #96b43d; color:#ffffff; font-size:0.6875em; padding:0.5em 20px;  }
.loginbar a { color:#FFFFFF; }

/* -- */
.workarea {clear:both; position:relative; zoom:1;}

.bartitle {background:url('/images/bartitle_l.gif') 0 0 no-repeat #177F95;}
.bartitle h2 {background:url('/images/bartitle_r.gif') 100% 0 no-repeat; font-size:0.6875em; color:#ffffff; padding:0.454em; font-weight:normal;}
.border {border-top:0; border-left:1px solid #e0e1e2; border-right:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2;}
.sidebar            {
    float: left;

    width: 300px;
    margin: 15px 30px 0 0;
   
}
.sidebar .siteadmin {margin-bottom:1em;}

.siteadmin .folders {padding:1em; font-size:0.6875em; color:#8E8F90;}
.siteadmin .folders a {text-decoration:none; color:#8E8F90;}
.siteadmin .folders a:hover {color:#087991;}
.siteadmin .folders li {list-style:none; margin-bottom:0.5em;}
.siteadmin .pages   {margin:0.5em 0 1em 4em;}
.siteadmin .folders img {vertical-align:text-bottom;}

.pageactions         {zoom:1;}
.pageactions ul      {margin:0 0 0 12px;}
.pageactions ul li   {float:left; display:inline; width:80px;     margin-left: 0;
    margin-right: 12px;
    margin-bottom: 0;
}
input.btn {display:block; width:80px; height:22px; background-position: 0 -22px; background-repeat: no-repeat; text-indent:-999em; border:none; margin: 0.2em 0;}
input.btn:hover {background-position:0 0;}

 .btnaddnewpage {background-image:url('/images/pageaction_addnewpage.gif');}
 .btnaddfolder { background-image: url('/images/pageaction_addfolder.gif');}
 .btneditfolder { background-image: url('/images/pageaction_editfolder.gif');}
  

 .btnaddnewpage {background-image:url('/images/pageaction_addnewpage.gif');}
 .btnaddrole {background-image:url('/images/pageaction_addrole.gif');}
 .btnaddtag {background-image:url('/images/pageaction_addtag.gif');}
 .btnadduser {background-image:url('/images/pageaction_adduser.gif');}
 .btnapproveusers {background-image:url('/images/pageaction_approveusers.gif');}
 .btnchangepageorder{background-image:url('/images/pageaction_changepageorder.gif');}
 .btncropimage {background-image:url('/images/pageaction_cropimage.gif');}
 .btndeletefile {background-image:url('/images/pageaction_deletefile.gif');}
 .btndeletefolder {background-image:url('/images/pageaction_deletefolder.gif');}
 .btndeletepage {background-image:url('/images/pageaction_deletepage.gif');}
 .btndeleterole {background-image:url('/images/pageaction_deleterole.gif');}
 .btndeletetag {background-image:url('/images/pageaction_deletetag.gif');}
 .btneditfile {background-image:url('/images/pageaction_editfile.gif');}
 .btneditpage {background-image:url('/images/pageaction_editpage.gif');}
 .btnedituser {background-image:url('/images/pageaction_edituser.gif');}
 .btnmovefolder {background-image:url('/images/pageaction_movefolder.gif');}
 .btnmovepage {background-image:url('/images/pageaction_movepage.gif');}
 .btnnavigate {background-image:url('/images/pageaction_navigate1.gif');}
 .btnmovepagedown {background-image:url('/images/pageaction_movepagedown.gif');}
 .btnmovepageup{background-image:url('/images/pageaction_movepageup.gif');}
 .btnmovetag {background-image:url('/images/pageaction_movetag.gif');}
 .btnrenamefolder {background-image:url('/images/pageaction_renamefolder.gif');}
 .btnresizeimg {background-image:url('/images/pageaction_resizeimg.gif');}
 .btnsavefile {background-image:url('/images/pageaction_savefile.gif');}
 .btnuploadfile {background-image:url('/images/pageaction_uploadfile.gif');}
 .btnmovefile {background-image:url('/images/pageaction_movefile.gif');}
 .btnorderfile {background-image:url('/images/pageaction_orderfile.gif');}


.maincol {
    float: left;
    display: inline;
    width: 630px;
    margin: 15px 0 0;
}
.maincol .pagetitle {float:left; display:inline;}
.hairline {height:1px; background:#e0e1e2; font-size:1px; line-height:0; margin-bottom:20px;}

.maincol .itemname    {float:left; display:inline; width:20%; zoom:1;}
.maincol h3 {font-size:0.6875em; color:#ff0000;}
.maincol .itemname h3, .maincol .item h3 {font-size:0.6875em; color:#087991; padding:0.454em 0;}
.maincol .itemname p  {font-size:0.6875em; color:#8E8F90; padding:0.454em 0;}
.maincol .item        {float:left; display:inline; width:79.9%; zoom:1;}
.maincol li {clear:both; padding-bottom:1em;}
.maincol .itemtitle   {background:url('/images/itemtitle_l.gif') 0 0 no-repeat #177F95;}
.maincol .itemtitle h3{background:url('/images/itemtitle_r.gif') 100% 0 no-repeat; font-size:0.6875em; color:#707172; padding:0.454em; font-weight:normal;}
.maincol .expander    {float:right; display:inline; padding:0; _margin-top:0.454em;}
.maincol .edittext    {padding:1em; font-size:0.6875em; border-top:1px solid #e0e1e2;}
.maincol .closed      {overflow:hidden; height:0px; padding:0 !important; border-width:1px 0 0 0;}
.maincol .templatechoice li    {clear:none; float:left; display:inline; width:21%; margin-right:4%; padding-bottom:0;}
.maincol .templatechoice p img {vertical-align:text-bottom;}
.maincol .templatechoice p     {margin-top:1em; color:#8E8F90;}
.maincol .masterpage     {color:#8E8F90;}
.maincol .masterpage img {vertical-align:text-bottom;}
.maincol .wizardbuttons {text-align:right;}
.btnactions {float:right;}




.val {color:Red;display:block;}

/* Login box */
.login { position:relative; width:324px; height:154px; margin:auto; z-index:100;
    background-image:url(/images/loginbox.jpg); padding-top:110px; }
.login .hidden { display:none; }
.login .form { position:relative; }
.login .form .labels, .login .form .checkboxes { font-size:0.9em; color:#FFFFFF;
    display:block; width:100px; margin:0 10px 10px 10px; padding-top:5px; text-align:left; }
.login .form .checkbox input { margin-left:125px; }
.login .form .checkbox label { color:#FFFFFF; font-size:0.8em; }
.login input.buttonmed { position:relative; border:none; background-color:Transparent; background-image:url(/images/button_medium.gif);
    width:139px; height:29px; margin:5px 0 5px 0; font-family:"Trebuchet MS", Arial, Sans-Serif; font-size:1em; color:#FFFFFF; }


/* WebPart catalog */
#ctl00_catalog { border:1px solid #999999; width:350px; background-color:#FAFFFF; z-index:20; position:absolute; top:0; left:0; }
#ctl00_catalog .handle { background-image:url(/images/chrome/titlebar_back.gif); height:21px; padding:4px 0 0 5px; font-size:0.8em; color:#FFFFFF; position:relative; }
#ctl00_catalog .handle input { position:absolute; right:0; top:0; }
#ctl00_catalog .intro { display:none; }
#ctl00_catalog .webparts { font-size:0.8em; padding:1em; }
#ctl00_catalog.hide { display:none; }

/* WebPart Chrome */
.editor table { padding:0; }
.editor table table td { padding:0; }
.editor table table table table { font-size:11px; background-image:url(/images/chrome/titlebar_back.gif); height:21px; vertical-align:top;
 color:#FFFFFF; }
.editor table table table table a { color:#FFFFFF; text-decoration:none; }
.editor table table table table a:hover { text-decoration:underline; }



/*TINY EDITOR*/
.editor table table table table.mceLayout { background-image:none; }
.editor table table table table.mceLayout table{ background-image:none; }

/* WebPart Editor Forms */
.wpform p { width: 96%; clear: left; margin:0 2% 0 2%; padding: 5px 0 8px 0; 
    padding-left: 0%; /*width of left column containing the label elements*/
    border-top: 1px dashed gray; height: 1%; }
.wpform label { font-weight: bold; display:block; font-size:0.8em; margin-bottom:3px; }
.wpform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
    width: 100%; }
.wpform textarea, .wpform select { width: 100%; font-size:0.8em; }
.wpform .picker { font-size:0.8em; margin:0 2% 5px 2%; width:94%; padding:1%; border:1px dotted #666666; }
.wpform .calendar { width:100px; }
.wpform .calendar table { background-image:none; }
.wpform label.radio { font-weight:normal; display:inline; position:relative; top:-3px; margin:0 10px 0 5px; }
.wpform .actionsection .actionbuttons{float:right;clear:left;padding-left:5px;}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html */
* html .threepxfix { margin-left: 3px; }


/* -- content styles -- */
.wpeditbar-out {background:url('/library/images/bartitle_l.gif') 0 0 no-repeat;}
.wpeditbar {background:url('/library/images/bartitle_r.gif') 100% 0 no-repeat; font-size:0.6875em; padding:2px 0.454em; color:#ffffff;}
.wpeditbar img {vertical-align:middle;}
.wpedit-icon {margin-left:5px; float:right; display:inline; margin-top:3px;}
/* temp */
.frontleftcol {width:29.394%; margin:0 0 0 1.111%; padding:0.625em 0; float:left; display:inline; min-width:100px;}
  .frontmidcol   {width:28.687%; margin:0 0 0 0.505%; padding:0.625em 0; float:left; display:inline; min-width:100px;}
  .frontrightcol {width:38.687%; margin:0 0 0 0.505%; padding:0.625em 0; float:left; display:inline; min-width:100px;}
  
  
  
/* -- treeview -- */
.treeview ul { background-color: white; }

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview div.hitarea {
	height: 0px;
	width: 15px;
	margin-left: -15px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html div.hitarea {
	background: #fff;
	filter: alpha(opacity=0);
	display: inline;
	float:none;
}  

.treeview li {  
	margin: 0; 
	padding: 3px 0pt 3px 16px;
}
 
.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0;}

.sidebar .siteadmin #ctl00_portalplaceholder_tree {overflow:auto;height:300px;width:300px;}



.treeview .hover { color: red; cursor: pointer; }  

.treeview li { background: url('/images/tv-item.gif') 0 0 no-repeat; }
.treeview .last { background-image: url('/images/tv-item-last.gif'); } 

.treeview li { padding: 3px 0 1px 16px; } 


.treeview span{display:block;width:100%;}
.treeview li a {text-decoration:none;font-size:0.8em;width:100%;}

.treeview span.file a{white-space:nowrap;}

.treeview span.folder { padding-left: 35px;  height: 15px;  background: url('/images/folder.gif') 0 0 no-repeat; }
.treeview span.file { padding-left: 20px;  height: 15px;  background: url('/images/file.gif') 0 0 no-repeat; }
.treeview span.folder {}
.treeview span.file { }
.treeview .collapsable span.folder{ background: url('/images/folder.gif') 0 0 no-repeat; }
.treeview .expandable span.folder{ background: url('/images/closed_folder.gif') 0 0 no-repeat; }

.treeview .lastCollapsable { background-image: url('/images/tv-collapsable-last.gif'); }
.treeview .lastExpandable { background-image: url('/images/tv-expandable-last.gif'); }      


/* -- modal window -- */
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*******************************************************/
/*users and roles*/
/*******************************************************/

/*new admin screens*/
.products-container{width:99%;position:relative;}
.selectarea{float:left;width:26%;height:200px;}
.displayarea{float:left;width:70%;min-height:400px;height:auto !important;height:400px;margin:10px 0;display:none;} /**/
.toolbararea{float:left;width:70%;margin-top:15px;display:none;}
ul.actionbar{position:relative;border-top:0; border-left:1px solid #e0e1e2; border-right:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2;height:30px;width:99.70%;margin-right:-1px;}
ul.actionbar li{float:left;margin:5px 10px 5px 0;height:20px;}
ul.actionbar li a{color:#087991; padding:2px 0;height:20px;display:block; text-indent:23px;font-size:14px;cursor:pointer; margin-left:1em;}
ul.actionbar li a:hover,ul li.action a:hover{color:Red;}

li a.addrole{margin-left:10px;background: url('/images/actions/chart_organisation_add.png') no-repeat 0 0;}
li a.editrole{margin-left:10px;background: url('/images/actions/chart_organisation_edit.png') no-repeat 0 0;}
li a.deleterole{margin-left:10px;background: url('/images/actions/chart_organisation_delete.png') no-repeat 0 0;}
li a.renamerole{margin-left:10px;background: url('/images/actions/chart_organisation_rename.png') no-repeat 0 0;}

li a.adduser{margin-left:10px;background: url('/images/actions/user_add.png') no-repeat 0 0;}
li a.edituser{margin-left:10px;background: url('/images/actions/user_edit.png') no-repeat 0 0;}
li a.deleteuser{margin-left:10px;background: url('/images/actions/user_delete.png') no-repeat 0 0;}
li a.lockuser{margin-left:10px;background: url('/images/actions/lock.png') no-repeat 0 0;}
li a.unlockuser{margin-left:10px;background: url('/images/actions/lock_open.png') no-repeat 0 0;}
li a.resetuserpassword{margin-left:10px;background: url('/images/actions/lock_break.png') no-repeat 0 0;}
li a.emailuserpassword{margin-left:10px;background: url('/images/actions/key_go.png') no-repeat 0 0;}

li a.editpermissionlevel{margin-left:10px;background: url('/images/actions/tag_blue_edit.png') no-repeat 0 0;}
li a.save{background: url('/images/admin/editors/disk.png') no-repeat 0 0;}
li a.cancel{background: url('/images/admin/editors/cancel.png') no-repeat 0 0;}

ul li.action a{position:relative;float:right; margin-left:15px;color:#087991; padding:2px 0;height:20px;display:block; text-indent:23px;font-size:14px;cursor:pointer;}
ul li.wait{background: url('/images/admin/editors/ajax-loader.gif') no-repeat 0 5px;height:37px; text-indent:35px;width:100%;display:inline-block;padding-top:5px;}

ul li#wait,ul li#addrole,ul li#error{display:none;}

.displayarea .display,.displayarea .properties{padding:10px;padding-top:0; border-top:0; border-left:1px solid #e0e1e2; border-right:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2;}
.displayarea ul li{width:100%;}
.displayarea ul li.heading{border-bottom:solid 1px #e0e1e2; color:#087991;padding-top:10px;}
.display h2,.display .label,.properties h2{ color:#087991;font-size:16px;font-weight:normal;}
.display .label{border-bottom:solid 1px #e0e1e2;padding-top:10px;margin-bottom:5px; }
.display input[type=text]{width:60%;height:16px;border:solid 1px #e0e1e2;padding:3px;}
.display input[type=text][disabled=true]{color:#6f6f6f; background-color:#efefef;}
.display input#txtpname{width:250px;}
.display .label{border-bottom:solid 1px #e0e1e2;padding-top:10px;margin-bottom:5px; }

li label.label{display:block;}
li label.error {color:#FF3000;background: url('/images/admin/editors/warning.png') no-repeat 0 0;height:20px;margin-left:5px;display:inline-block; text-indent:25px;}
li label.valid {background: url('/images/admin/editors/accept.png') no-repeat 0 0;}

/*users and roles admin screen*/
.permissionlevels li {padding-left: 1em;}
.permissionlevels li.expand {background: url('/images/admin/editors/plus.gif') no-repeat 0 0;}
.permissionlevels li.expand ul {display:none;}
.permissionlevels li.collapse {background: url('/images/admin/editors/minus.gif') no-repeat 0 0;}
.permissionlevels li.collapse ul { display:block; }
.permissionlevels .actions {margin-left: 1em;}
.permissionlevels .actions li {padding-left: 0;}

/*JQUERY ALERTS*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(/images/admin/alerts/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(/images/admin/alerts/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(/images/admin/alerts/info.gif);
}

#popup_content.confirm {
	background-image: url(/images/admin/alerts/important.gif);
}

#popup_content.prompt {
	background-image: url(/images/admin/alerts/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

/*form validations*/
li label.error { background:transparent url(/images/admin/editors/warning.png) no-repeat scroll 0 0;
				color:#FF3000;
				display:inline-block;
				height:20px;
				margin-left:5px;
				text-indent:25px;
}
li label.valid {background:transparent url(/images/admin/editors/accept.png) no-repeat scroll 0 
0; }

/*vertical accordion*/
.verticalaccordion>ul {
    margin: 0;
    padding: 0;
    list-style:none;
    width: 500px;
}

.verticalaccordion>ul>li {
    display:block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style:none;
    height:40px;
    width: 500px;

    /* Decorative CSS */
    background-color:#f0f0f0;
}

.verticalaccordion>ul>li>h3 {
    display:block;
    margin: 0;
    padding:10px;
    height:19px;

    /* Decorative CSS */
    border-top:#f0f0f0 1px solid;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
    text-transform:uppercase;
    color: #000;
    background: #cccccc;
}

.verticalaccordion>ul>li>div {
    margin:0;
    overflow: auto;
    padding:10px;
    height:100%;   
}

.verticalaccordion>ul>li:hover {
    height:100%;
}

.verticalaccordion:hover>ul>li:hover>h3 {
    /* Decorative CSS */
    color:#fff;
    background: #000000;
}

.verticalaccordion>ul>li>h3:hover {
    cursor:pointer;
}