@import url(/themes/twce/layout.css);
@import url(/themes/twce/blocks.css);
@import url(/themes/twce/content.css);


/* ------ General styles ------ */

body {
	color: #000;
	margin:0px;
	padding: 0px;
	font-family: Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif;
	font-size: 11pt;
	/*background: url(/themes/twce/twce_images/body_bg.jpg) repeat-x #ADD2EC;*/
	//background: url(/themes/twce/twce_images/body_bg.jpg);
	background: #dcdcdc;
	background-position: top;
}

/*input fields and buttons*/


textarea,
input {
	border: 1px solid #E2E2E2;
	font-size: 11pt;
	font-family: Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif;
	/*background:url(/themes/twce/img/inputbg.gif) repeat-x;*/
	background-color:#F0F4F6;
	color: #000;
	}
textarea:hover,
input:hover {
	border: 1px solid #9AEF24;
	}
textarea:focus,
input:focus {
	border: 1px solid #44AA37;
	}
input[type=submit] {
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-IMAGE: url(/themes/twce/img/b-button-bg.png);
    BACKGROUND-POSITION: bottom;
    BACKGROUND-REPEAT: repeat-x;
    COLOR: #444;
    FONT-WEIGHT: bold;
    CURSOR: pointer;
    BORDER: outset 1px #ccc;
}
input[type=submit]:hover { border: #4e4e4e 1px solid; background-color: #9AEF24;}

input[type=button] {
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-IMAGE: url(/themes/twce/img/b-button-bg.png);
    BACKGROUND-POSITION: bottom;
    BACKGROUND-REPEAT: repeat-x;
    COLOR: #444;
    FONT-WEIGHT: bold;
    CURSOR: pointer;
    BORDER: outset 1px #ccc;
}
input[type=button]:hover { BORDER: solid 1px #4e4e4e;}

input[type=reset] {
    PADDING-RIGHT: 0.5em;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 1px;
    BACKGROUND-IMAGE: url(/themes/twce/img/b-button-bg.png);
    BACKGROUND-POSITION: bottom;
    BACKGROUND-REPEAT: repeat-x;
    COLOR: #444;
    FONT-WEIGHT: bold;
    CURSOR: pointer;
    BORDER: outset 1px #ccc;
}

/*end input and buttons*/

#xo-canvas {
	background: #FFF;
	padding: 0px;
	margin: 0px auto;
}

table {
	width: 100%;
}

table td {
	padding: 0;
	border-width: 0;
	vertical-align: top;
}

img {
	border: 0;
}

a {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #8e8e8e;
	text-decoration: underline
}

h1 {font-size: 1.4em; }
h2 {font-size: 1.2em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}


/*top menu title*/
#menuMiddle{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0;
  width: 1024px;
  height: 100px;
  background: url(/themes/twce/twce_images/head1.jpg);
}
#menuMiddleA{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0;
  width: 1024px;
  height: 100px;
  background: url(/themes/twce/twce_images/head1.jpg);
}

#xo-header {
	clear: both;
	width: 1024px; /* 1000px for 1px border */
	height: 120px;
	position: relative;
	/*background: url(/themes/twce/img/head_bg.jpg) no-repeat;*/
	/*background: #DFDFDF;*/
	border:0px solid #C0C0C0;
	margin:0px auto;
	padding: 0px;
	z-index:0
}

  
#xo-headerlogo {
	float: left;
}

#xo-headerbanner {
	position:relative;
	top:10px;
	right:20px;
	float: right;
}

#bar-menu{
	/*background: url(/themes/twce/twce_images/bg_menu.png) repeat-x; */
	/*background: url(/themes/twce/img/head.png) repeat-x;*/
	background-color:#FFFFFF;
	width: 1024px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
}

#userbar{
	float: right;
	padding-right:10px;
	padding-left:10px;
	height: 30px;
}

*+html #userbar{
padding-top:3px;
}


#userbar button {
background-color:transparent;
background-image:none;
border:none;
color:inherit;
}

#userbar input[type=text],#userbar input[type=password] {
width:100px;
font-family: Microsoft JhengHei,Comic Sans MS,arial,helvetica,sans-serif;
font-size:1em;
color:#000;
background:url(/themes/twce/img/inputbg.gif) repeat-x;
border:1px solid #E2E2E2;
outline:none!important;
margin:0 0 3px;
padding:.1em;
}

#userbar input[type=text]:hover,#userbar input[type=password]:hover {
font-size:1em;
background-color:#fff;
color:#000;
border:1px solid #9AEF24;
outline:none!important;
}

#userbar input[type=text]:focus,#userbar input[type=password]:focus {
outline:none!important;
font-size:1em;
border:1px solid #44AA37!important;
background-color:#fff;
color:#54D143;
}

#userbar a {
background-color:inherit;
color:#44AA37;
text-decoration:none;
font-weight:700;
}

#userbar form,#language form,#accessibilitybar form {
display:inline;
padding:0;
}

#userbar button img,#userbar img,#language img,#accessibilitybar img {
width:22px;
height:22px;
}

/* ------ Main content ------ */

#xo-canvas-content {	
	line-height: 1.3em;
}

/* lists */
#xo-canvas-content ul {margin: 5px; padding: 2px; list-style: decimal inside; text-align: left;}
#xo-canvas-content li {margin-left: 5px; color: #000; background-color: inherit; line-height: 1.4em; list-style: none;}


/* ---------- Module display rules ---------- */

#xo-content {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	position:relative;
	clear: both;
	z-index:0;
}

/* ---------- Redirect ------------ */
#xo-redirect {
	margin: 40px 0;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	background-color: #f7e6bd;
	color: #222;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	border: 2px solid #DDDDFF;
}
/* ---------- Site close ------------ */
#xo-siteclose-login {
	width: 270px;
	margin-left: auto;
	margin-right: auto; 	
	border:1px solid #DDDDFF;	
	margin-top: 40px;
	margin-bottom: 20px;
}
#xo-siteclose-login h2 {
	background-color: #f3ac03;
	font-weight: bold;
	font-size: 1em; 
	color: white;
	padding: 2px;	
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;	
}
#xo-siteclose-login form {
	padding: 0px;
	margin: 0px;	
}
#xo-siteclose-login div{
	padding: 6px;
}
#xo-siteclose-login span.left {
	float: left;
	padding-bottom: 3px;
}
#xo-siteclose-login span.right {
	float: right;
	padding-right: 3px;
	padding-bottom: 3px;
}
#xo-siteclose-login div.button {
	text-align: right;
	clear: both;	
	padding-right: 0px;
}

/* ---------- Footer rules ---------- */
#xo-footer {
	text-align: center;
	font-size: 100%;
	height: 280px;
	color: #111;
	width: 100%;
	/*background: #444;*/
	//background: url(/themes/twce/twce_images/tail.jpg);	
}

#xo-footer a:hover {
	color: #8e8e8e;
	text-decoration: none
}

#xo-footer a {
	color:				#333;
}


/* ----------  mode debug  ---------- */

#xo-logger-output {
	font-size:			80%;
}