/*
*	STYLES FOR: complex.html
*
*	Created with ThemeRoller...
*	http://ui.jquery.com/themeroller/?bgColorDefault=e0e0e0&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=cccccc&fcDefault=444444&iconColorDefault=888888&bgColorHover=d8d8d8&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=888888&fcHover=111111&iconColorHover=222222&bgColorActive=8ab9ff&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=000000&iconColorActive=ffffff&bgColorContent=f3f3f3&fcContent=362b36&ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=1.2&fsDefaultUnit=em#bgColorDefault=d6d6d6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=bbbbbb&fcDefault=000000&iconColorDefault=444444&bgColorHover=eeeeee&bgTextureHover=02_glass.png&bgImgOpacityHover=90&borderColorHover=cccccc&fcHover=000066&iconColorHover=000066&bgColorActive=80ade5&bgTextureActive=04_highlight_hard.png&bgImgOpacityActive=100&borderColorActive=266cc0&fcActive=000000&iconColorActive=ffffff&bgColorContent=D1E6FC&bgTextureContent=10_dots_medium.png&bgImgOpacityContent=90&borderColorContent=bbbbbb&fcContent=000000&iconColorContent=222222&ffDefault=Lucida+Grande%2C+Lucida+Sans%2C+Arial%2C+sans-serif&fwDefault=normal&fsDefault=1&fsDefaultUnit=em
*/

html, body {height:100%; margin: 0; padding: 0; }

html>body {
	font-size: 12px; 
} /* Reset Base Font Size */

/*
*	GENERAL COSMETICS
*/
body {
	font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	background-color: #EEE;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 1em 0 0.75em;
	page-break-after: avoid;
}
h2 {
	color: navy;
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.25em 0 0.75em;
	page-break-after: avoid;
}
h3 {
	font-size: 1.0em;
	margin: 0 0 1ex;
	background-image:url(../../img/management_templates_img/admin_h3_bg.jpg);
	background-repeat:repeat-x;
	page-break-after: avoid;
}
p {
	margin: 1ex 0;
}

code {
	font-size: 1.1em;
	margin: 0;
	}
	pre {
		margin: 1em 0 1em 1em;
	}

img { border: none; }

ul{
 list-style-type: none;
}

/*
*	COMMON LAYOUT PANE FORMATTING
*/
.pane ,				/* outer pane class */
.ui-layout-pane {	/* inner pane class */
	background-color: #FFF;
	border: 1px solid #777;
	padding: 0;/* alignment & padding is on the inner-divs */
	overflow: auto; /* will be auto-set to 'hidden' for any pane with a 'scrolling content div' */
}


/*
*	OUTER-LAYOUT PANE FORMATTING
*/

.pane-north .content {
	text-align: left;
	background-color:#06234b;
	background-image:url(../../img/management_templates_img/logo_bg.jpg);
	background-repeat:repeat-x;
	/*border-bottom: 1px solid #dbdbdb;*/	
}
.pane-north .content .logotext{
	background:url(../../img/management_templates_img/logo_bg.png) no-repeat left;
    height:74px;
}
.logotext-logo{margin:13px 0 0 30px;}
.pane-south .content {
	text-align: center;
	background-image:none;
	border:none;
}

.pane-north {
	border-bottom: none;
}

.pane-center {
	/* show off the inner-layout inside the outer-center-pane*/
	background:url(../../img/dialinterfaces/share/content_bg.gif) repeat-x top #e0f3ff;
	background-repeat:repeat-x;
	padding: 0px;
	margin:0px; /* for outer layout */
}

/* inner divs inside Outer East/West panes */
.header { 
	background: #CFCFCF url(../../img/management_templates_img/admin_westpaneheader_bg.png) 0 50% repeat-x;
	border-bottom: 1px solid #D0D0D0;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
}
.subhead ,
.footer {
	background: #d6d6d6 url(../../img/management_templates_img/toolbar_bg.png) 0 50% repeat-x;
	padding: 3px 10px;
	font-size: 1em;
	position: relative;
	overflow: hidden;
}
.subhead { border-bottom: 1px solid #777; }
.footer  { border-top: 1px solid #777; }
#mainContent .footer  { border-top: 1px solid #BBB; }
.content {
	position: relative;
}

/*
*	INNER-LAYOUT PANE FORMATTING
*/
/* welcome*/
.welcomebg{background:#59b3ec url(../../img/management_templates_img/welcome_bg.png) no-repeat right 70%;}
.welcometext{margin:130px auto; padding:0; text-align:center;}

#mainContent .ui-layout-pane {
	padding: 10px;
}
#mainContent .ui-layout-north ,
#mainContent .ui-layout-south {
	text-align: center;
}
#mainContent .ui-layout-center {
	padding: 0 !important; /* inner divs have padding */
}
#mainContent .ui-layout-content {
	padding: 10px;
}
#mainContent .ui-layout-center h3 {
	font-size: 1em;
	padding: 5px;
	margin: 0;
}


/*
*	OUTER LAYOUT RESIZERS & TOGGLERS
*/

/* north-pane is not resizable
.resizer-north-dragging ,
.resizer-north:hover		{ background: url(../../img/management_templates_img/resizable-n.gif) repeat-x center; }*/
.resizer-south-dragging ,
.resizer-south:hover		{ background: url(../../img/management_templates_img/resizable-s.gif) repeat-x center; }
	
.resizer-west-dragging ,
.resizer-west-open:hover	{ background: url(../../img/management_templates_img/resizable-w.gif) repeat-y center; }
.resizer-east-dragging ,
.resizer-east-open:hover	{ background: url(../../img/management_templates_img/resizable-e.gif) repeat-y center; }

.resizer-west-open ,
.resizer-east-open {
	background-color: #999;
	opacity: 0.1;
	filter: alpha(opacity=10);
}
.resizer-west-open:hover ,
.resizer-east-open:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.resizer-dragging {
	/* see draggable.opacity option
	opacity: 0.5;
	filter: alpha(opacity=50);
	*/
}

/* IE6 * HACK - always show resizer graphics because IE6 cannot understand elem:hover */
/** html .resizer-north		{ background: url(../../img/management_templates_img/resizable-n.gif) repeat-x center !important; } */
* html .resizer-south		{ background: url(../../img/management_templates_img/resizable-s.gif) repeat-x center !important; }
* html .resizer-west-open	{ background: url(../../img/management_templates_img/resizable-w.gif) repeat-y center !important; }
* html .resizer-east-open	{ background: url(../../img/management_templates_img/resizable-e.gif) repeat-y center !important; }
/** html .resizer-north , */
* html .resizer-south ,
* html .resizer-west-open ,
* html .resizer-east-open {
	opacity: 0.1 !important;
	filter: alpha(opacity=10) !important;
}

/*
*	SIMPLE TOGGLER BUTTONS (used on Outer Layout North/South only)
*/

.toggler-north-open ,
.toggler-south-closed 		{ background: url(../../img/management_templates_img/toggle-up.gif) no-repeat center bottom; }
.toggler-north-closed ,
.toggler-south-open   		{ background: url(../../img/management_templates_img/toggle-dn.gif) no-repeat center top; }
/*
.toggler-east-closed ,
.toggler-west-open    { background: url(../../img/management_templates_img/toggle-lt.gif) no-repeat center right; }
.toggler-west-closed ,
.toggler-east-open    { background: url(../../img/management_templates_img/toggle-rt.gif) no-repeat center left; }
*/

/*
*	extJS-STYLE RESIZER/SLIDER-BAR (CLOSED)
*/
.resizer-west-closed ,
.resizer-east-closed {
	background: #a6bece url(../../img/management_templates_img/resizereastclosed.png) 0 0 repeat;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
}
.resizer-west-closed:hover ,
.resizer-east-closed:hover {
	background: #D1E6FC url(../../img/management_templates_img/resizereastclosedhover.png) 0 0 repeat;
}

/*
*	NORTH PANE TOOLBAR & BUTTONS
*/

ul.toolbar {
	position:	relative;
	overflow:	hidden; /* required to CONTAINER 'floating li' in FF */
	height:		auto;
	margin:		0;
	padding:	2px;
	width:		100%;
	list-style:	none;
	text-align: left;
	background: #D6D6D6 url(../../img/management_templates_img/toolbar_bg.png) 0 50% repeat-x;
	border-top: 1px solid #BBB;
	}
	ul.toolbar li {
		font-size: 0.9em;
		margin: 0;
		padding: 2px 7px;
		float: left;
		color: #000;
		border: 1px solid transparent;
		border-right-color: #BBB;
		cursor: pointer;
	}
	ul.toolbar li:hover {
		color: #005;
		background: #EEE url(../../img/management_templates_img/toolbarhover_bg.png) 0 50% repeat-x;
		border-top-color: #BBB;
		border-bottom-color: #BBB;
	}
	ul.toolbar li.first:hover {
		border-left-color: #BBB;
		}
		ul.toolbar li span {
			/* icons in toolbar */
			width: 			15px;
			height:			15px;
			margin-left:	-3px;
			margin-right:	0.75ex;
			vertical-align:	middle;
			opacity:		0.6;
			filter:			alpha(opacity=60);
			display:		block;
			display:		inline-block;
		}
		ul.toolbar li:hover span {
			opacity: 1;
			filter: alpha(opacity=100);
		}
		li.button-toggle-north span	,
		li.button-open-south span	{ background: url(../../img/management_templates_img/go-up-on.gif) no-repeat center; }
		li.button-close-south span	{ background: url(../../img/management_templates_img/go-dn-on.gif) no-repeat center; }
		li.button-pin-up span		{ background: url(../../img/management_templates_img/pin-up-on.gif) no-repeat center; }
		li.button-pin-down span		{ background: url(../../img/management_templates_img/pin-dn-on.gif) no-repeat center; }

/*
 *	extJS-STYLE TOGGLE & PIN BUTTONS
 *
 *	these 'extra buttons' are INSIDE the east/west panes
 */

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(../../img/management_templates_img/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(../../img/management_templates_img/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(../../img/management_templates_img/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(../../img/management_templates_img/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons */
span.button-close-west			{ background: url(../../img/management_templates_img/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(../../img/management_templates_img/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(../../img/management_templates_img/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(../../img/management_templates_img/go-rt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
.toggler-west-closed		{ background: url(../../img/management_templates_img/go-rt-off.gif) no-repeat center; }
.toggler-west-closed:hover	{ background: url(../../img/management_templates_img/go-rt-on.gif)  no-repeat center; }
.toggler-east-closed		{ background: url(../../img/management_templates_img/go-lt-off.gif) no-repeat center; }
.toggler-east-closed:hover	{ background: url(../../img/management_templates_img/go-lt-on.gif)  no-repeat center; }


/*
*	INNER LAYOUT RESIZERS & TOGGLERS
*
*	These styles target 'children of center pane', so only affect the Inner Layout
*	This layout has applyDefaultCSS=true, so use !important to override defaults 
*/

#mainContent .ui-layout-resizer-closed:hover{ background: #FFEDCA !important; }
#mainContent .ui-layout-resizer-dragging ,
#mainContent .ui-layout-resizer-open:hover	{ background: #C4E1A4 !important; }

#mainContent .ui-layout-resizer-north ,
#mainContent .ui-layout-resizer-south		{ border-left:  1px solid #BBB !important;
											  border-right: 1px solid #BBB !important; }
#mainContent .ui-layout-resizer-north-closed{ border-top:   1px solid #BBB !important; }
#mainContent .ui-layout-resizer-south-closed{ border-bottom:1px solid #BBB !important; }
#mainContent .ui-layout-resizer-west-closed	{ border-left:  1px solid #BBB !important; }
#mainContent .ui-layout-resizer-east-closed	{ border-right: 1px solid #BBB !important; }

#mainContent .ui-layout-resizer:hover .ui-layout-toggler {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#mainContent .ui-layout-resizer:hover .ui-layout-toggler:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #FD9 !important;
	border-color: #CB7 !important;
}

#mainContent .ui-layout-resizer-sliding {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
#mainContent .ui-layout-resizer-sliding:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
#mainContent .ui-layout-resizer-sliding .ui-layout-toggler {
	display: none !important;
}
#mainContent .ui-layout-resizer-sliding:hover .ui-layout-toggler {
	display: block !important;
}

/***********************************************/
/* pageDelete内部布局        meng                   */
/***********************************************/
#fail2{
	/*min-width:330px;
	max-width:400px;
	width:330px;*/
	/*height:150px;*/
	width:auto;
	height:auto;
	display-inline:block;
	background:#5a9abb;
	color:white;
	font-size:14px;
	 -moz-border-radius:5px;
	left:50%;
    top:40%;
	margin-left:-165px!important;/*FF IE7 该值为本身宽的一半 */
    margin-top:-75px!important;/*FF IE7 该值为本身高的一半*/
    margin-left:0px;
    margin-top:0px;
    position:fixed!important;/*FF IE7*/
    position:absolute;/*IE6*/
	border:1px solid #c0d8e6;
}

#fail2 textarea{
	border: 1px solid #CCCCCC;
	width: auto;
	margin:0 auto;
}

#fail2 .paramSet{
	text-align:left;
	line-height:30px;
	padding:0 20px;
	white-space:nowrap;
}

#fail2 .paramSetTextArea{
	text-align:left;
	padding-left:20px;
}

#top2{
	height:25px;
	width:100%;
	 -moz-border-radius:5px;
	 background-image: url("../../img/management_templates_img/popuplayer/person-topbg.gif");
	}
#center2{
	min-width:330px;
	max-width:400px;
	/*width:100%;*/
	min-height:70px;
	max-height:230px;
	background:#ffffff;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	color:#000000;
	/*padding-top:30px;*/
	padding:15px 0;
	white-space:normal;
}
#center3{
	width:100%;
	height:100px;
	background:#fff;
	text-align:center;
	line-height:100px;
	vertical-align:middle;
	color:#000000;
}
#center4{
	width:100%;
	height:100px;
	background:#fff;
	line-height:25px;
	vertical-align:middle;
	color:#000000;
}
#footer2{
	float:right;
	/*height:15px;*/
	height:22px;
	margin-right:10px;
	/*margin-top:2px;*/
}

#sp2{
	line-height:25px;
	vertical-align:middle;
	margin-left:10px;
}
#footer2 input { border:1px solid #bfd7ff;color:#bfd7ff;background:#2b3840; -moz-border-radius:5px; }
#footer2 input:hover { border:1px solid #FFF;background:#37434b; color:white; cursor:pointer; }
/***——————————Inputs——————————***/
.advSearchDivcontentInput input {border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px; z-index:120;}
.advSearchDivcontentInput input:hover { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;}
.advSearchDivcontentInput input:visited { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;}
.advSearchDivcontentInput input:focus { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;}
.advSearchDivcontentInput input {
onfocus: expression(onfocus=function (){this.style.border='1px solid #c9c943'});
onblur: expression(onblur=function (){this.style.border='1px solid #ccc'});  
}
/***——————————select——————————***/
.advSearchDivcontentInput select:focus { border:1px solid #c9c943;-moz-border-radius:5px; -webkit-border-radius:5px;cursor:pointer;}
.advSearchDivcontentInput select {
onfocus: expression(onfocus=function (){this.style.border='1px solid #c9c943'});
onblur: expression(onblur=function (){this.style.border='1px solid #ccc'});  
}