/* CSS Reset */
*{margin:0;padding:0}
a{outline:none; text-decoration:none;}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,li,dl,ol,ul{list-style:none}
legend{color:#000}
button,select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/* SMD-Default */
body {
background-color:#FFFFFF;
font:normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color:#111111; }

/* HEADER
------------ */
#header { width:100%; text-align:center; margin:0 auto; background:url("images/header-bg.gif") repeat-x top; }
#blue-line { margin:0 auto; width:100%; background:transparent url("images/tab-bg.gif") repeat-x bottom; }

#title { width:950px; height:86px; margin:0 auto; }
#title a { float:left; width:342px; margin-top:38px; }
#title a img { border:none; } 
#title .search {
float:right; width:181px; height:28px; margin-top:30px;
background:url("images/search.gif") no-repeat right bottom; }
#title .search .keyword {
float:right; width: 138px; height:16px; padding-top:2px;
background-color:#FFFFFF;
font:normal 12px Arial, Helvetica, sans-serif;
margin:5px 10px 0 0; color:#333333; border:none; }
#title .search .submit {
float:left; background:none; margin:1px 0 0 6px;
height: 20px; width: 18px; border:none;
text-indent: -999%; line-height: 1px; margin-top: 4px; }

/* Navigation */
#nav { width:950px; margin:0 auto; text-align:right; }
#nav ul { float:right; margin:0; padding:0; list-style:none; }
#nav li { display:inline; margin:0; padding:0; }
#nav a {
float:left; border-bottom:1px solid #00B8FD;
font:bold 1em Arial, Helvetica, sans-serif;
background:url("images/tab-left.gif") no-repeat top left;
margin-left:5px; padding:0 0 0 13px;
color:#FFFFFF; text-decoration:none; }
#nav a span {
float:left; display:block;
background:url("images/tab-right.gif") no-repeat top right;
padding:12px 13px 10px 0; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span { float:none; }
/* End IE5-Mac hack */
#nav a:hover { background-position:0% -50px; }
#nav a:hover span { background-position:100% -50px; }  
#nav a.active, #nav a.active:hover { background-position:0 -100px; border:none; }
#nav a.active span, #nav a.active:hover span { background-position:100% -100px; padding-bottom:11px; }

#tab-bar { background:#009FE2 url("images/tab-bottom-bar.gif") repeat-x bottom; height:17px; width:100%; }

/* Easy Clearing */
#nav:after, .search:after {
content: "."; 
display: block; height: 0; 
clear: both; visibility: hidden; }
#nav, .search {display: inline-block;}
/* Hides from IE-mac \*/
* html #nav, * html .search {height: 1%;}
#nav, .search {display: block;}
/* End hide from IE-mac */







/* CONTAINER + Element
---------------------------- */
#container { width:950px; margin:0 auto; line-height:18px; }
#c-wrapper { float: left; width: 100%;}

#container h1 { font-size:20px; padding:15px 0 5px 0; }
#c-wrapper h2 { font-size:14px; padding:15px 0 5px 0; color:#1A687F; font-weight: bold; text-decoration: underline;}
#container a, a:visited { color: #1A687F; }
#container a:hover { color: #418BAE; text-decoration: underline; }
#container h1 a { color:#1A687F; }
#container h1 a:hover { color:#418BAE; text-decoration:underline; }

#container p { margin:0 0 10px 0; }
#container p.info { color:#777777; font-size:11px; }
#container p.foot { color:#777777; font-size:12px; text-align:right; margin-top:20px; }
#container p.info a, #container p.foot a { color:#009DFA; }
#container p.info a:hover, #container p.foot a:hover { color:#28C2DE; text-decoration:underline; }

#container form { margin-top:10px; }
#container fieldset { border:1px solid #333333; padding:10px; }
#container legend { color:#1A687F; font-size:18px; margin-left:10px; padding:0 5px; }
#container label { display:block; font-size:12px; margin:0 0 0 5px; font-weight:bold; }
#container label.radio, #container label.checkbox { display:block; font-size:12px; font-weight:bold; margin:0 0 5px 0; }

#container input[type=text],
#container input[type=password], 
#container input[type=button], 
#container textarea { font:normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; border:1px solid #333333; padding:3px 5px; margin-bottom:10px; }
#container textarea { width:98%; height:100px; }
#container input[type=submit] { font-weight:bold; text-transform:uppercase; background-color:#3399CC; color:#FFFFFF; padding-left:10px; padding-right:10px; }


table.list { width:100%; margin-top:10px; }
.list td { vertical-align:top; padding:5px; }
.list tr.odd { background-color:#EFEFEF; }
.list tr:hover { background-color:#D6F9FF; }
.list .td1 { width:70px; font-size:10px; color:#666666; }
.list .td2 { width:320px; } .list .td2 a { color:#333333; } .list .td2 a:hover { text-decoration:underline; }
.list .td3 { width:110px; font-size:11px; } .list .td3 a { color:#009BFF; } .list .td3 a:hover { text-decoration:underline; }

.side h2 { font-size:14px; color:#1A687F; padding:0 10px; font-weight: bold;}
.side p { padding:10px 10px 0 10px; }
.side p a { color:#000000; }
.side p a:hover { color:#333333; text-decoration:underline; }


/* 2 Column (+ nested ) */
#left-500 { margin-right: 450px; padding:8px 0 10px 0; }
#right-450 { float: left; width:450px; margin-left:-450px; padding-bottom:10px; }

/* 2 Column (+ sidebar ) */
#left-725 { margin-right: 225px; padding:8px 0 10px 0; }
#right-225 { float: left; width:225px; margin-left:-225px; padding-bottom:10px; }

/* 2 Column (50/50) */
#left-470 { margin-right: 480px; padding:8px 0 10px 0; }
#right-470 { float: left; width:470px; margin-left:-470px; padding:8px 0 10px 0; }

/* 2 Column (50/50) */
#left-950 { padding:8px 0 10px 0; }


/* NAVIGATION TREE (Global Setting) */
.tree-list { padding-left:10px; }
.tree-list h3 { font-size:16px; color:#111111; margin:20px 0 0 10px; }
.tree-list ul { margin:10px 0 10px 10px; }
.tree-list li { padding-left:20px; margin-bottom:7px; background-repeat: no-repeat; background-position: 0 0; }
.tree-list a { color:#1A687F; display:block; }
.tree-list a:hover { color:#418BAE; text-decoration:underline; }
.tree-list li ul { margin:10px 0 0 0;}
.tree-list li ul li { padding-left:20px; margin-bottom:7px; background-repeat: no-repeat; background-position: 0 0; }



/* CUSTOMIZED LIST ICON
Note: you can create more icon class for <li> based on what u want,
please refer to folder images/icons/ for more choice of icons.. 
Use the predefined li."classname" below as reference. */
li.icon-accept { background-image: url(images/icons/accept.png); background-repeat: no-repeat; padding-left: 20px; margin-bottom: 4px;}
li.icon-application-cascade { background-image: url(images/icons/application_cascade.png); background-repeat: no-repeat; padding-left: 20px; margin-bottom: 4px; }
li.icon-anchor { background-image: url(images/icons/anchor.png); }
li.icon-arrow-in { background-image: url(images/icons/arrow_in.png); }
li.icon-asterisk-orange { background-image: url(images/icons/asterisk_orange.png); }
li.icon-bug { background-image: url(images/icons/bug.png); }

div.icon-email { background-image: url(images/icons/email.png); background-repeat: no-repeat; padding-left: 20px;}
div.icon-telephone { background-image: url(images/icons/telephone.png); background-repeat: no-repeat; padding-left: 20px;}

/* BOXES 
to create more boxes, just give it a different background-color, and assign whether it is "wide" or "thin" */
.box-wide-blue { width:440px; margin:20px 0 10px 10px; background-color:#28C2DE; }
.box-thin-grey, .box-thin-blue { float:right; margin:20px 0 10px 10px; width:211px; color:#1A687F; }
.box-thin-grey { 
background-color:#DDD;
border:2px solid #AAA; 
padding: 6px; }
.box-thin-blue { 
background-color: #99D3DF;
border:2px solid #29C1DF;
padding: 6px; }

hr { border-style: solid; border-width: 1px; border-bottom: 0px; border-color: #ccc; }

/* ITEM LIST
-------------- */

#item-list1 ul { margin:0; xbackground-color:#FF6633; }
#item-list1 li { 
list-style:none;
color:#444444;  font-size:11px;
padding-left:10px; margin-bottom:7px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 .5em; }

/* FOOTER
------------ */

#footer { 
width:auto; padding:5px 0 0 0; margin:0;
background:#009FFD url("images/footer-border.gif") repeat-x top left;}

#footer-container { width:950px; margin:0 auto; }
#footer-container p { font-weight:bold; font-size:11px; padding:20px 10px; color:#333333; }
#footer-container p a { color:#FFFFFF; }
#footer-container p a:hover { text-decoration:underline; }

#footer-container h4 { font-size:16px; color:#111111; margin-bottom:10px; }
#footer-container h5 { font-size:11px; margin-top:10px; text-align:right; }
#footer-container h5 a { color:#333333; font-weight:bold; }
#footer-container h5 a:hover { color:#666666; text-decoration:underline; }

#footer-container ul { margin:0; xbackground-color:#FF6633; }
#footer-container li { 
list-style:none;
color:#444444;  font-size:11px;
padding-left:10px; margin-bottom:7px;
background-image: url("images/bullet.gif");
background-repeat: no-repeat;
background-position: 0 .5em; }

#footer-container li a { color:#FFFFFF; font-size:12px; }
#footer-container li a:hover { color:#FFFFFF; text-decoration:underline; }

#col1, #col2, #col3, #col4, #col5 { float:left; margin:10px 8px 0 8px; width:170px; }
#col1 h2 { font-size: 14px;}
#col2 h2 { font-size: 14px;}
#col3 h2 { font-size: 14px;}
#col4 h2 { font-size: 14px;}
#col5 h2 { font-size: 14px;}

/* SYSTEM MODULE */
ul.menu { margin-left: 10px; } 

div.icon { margin-left: 0px; }

#div_initiate {
	padding: 4px; 
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 15px; 
	border-top: 3px solid #FF8888; 
	z-index: 20; 
	position: fixed; 
	bottom: 0px; 
	width: 100%; 
	height: 25px; 
	background-color: #FF0000; 
	visibility: hidden;
}

#div_initiate a, a:hover, a:visited {
	color: #FFFFFF;
}

/**
 * Admin Styles
 */
div.admin-panel,
div.admin-panel .description,
div.admin-panel .body,
div.admin,
div.admin .left,
div.admin .right,
div.admin .expert-link,
div.item-list,
.menu {
  margin: 0;
  padding: 0;
}

div.admin .left {
  float: left;
  width: 48%;
}
div.admin .right {
  float: right;
  width: 48%;
}

div.admin-panel {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  padding: 1em 1em 1.5em;
}
div.admin-panel .description {
  margin-bottom: 1.5em;
}
div.admin-panel dl {
  margin: 0;
}
div.admin-panel dd {
  color: #898989;
  font-size: 0.92em;
  line-height: 1.3em;
  margin-top: -.2em;
  margin-bottom: .65em;
}

table.system-status-report th {
  border-color: #d3e7f4;
}

#autocomplete li.selected, tr.selected td, tr.selected td.active {
  background: #027ac6;
  color: #fff;
}

tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {
  color: #d3e7f4;
}

/**
 * CSS support
 */
span.clear {
  display: block;
  clear: both;
  height: 1px;
  line-height: 0px;
  font-size: 0px;
  margin-bottom: -1px;
}

/*******************************************************************
 * Color Module: Don't touch                                       *
 *******************************************************************/

/**
 * Generic elements.
 */
.messages {
  background-color: #fff;
  border: 1px solid #b8d3e5;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}

div.status {
  color: #3a3;
  border-color: #c7f2c8;
}

div.error {
  color: #c52020;
}

.form-item input.error, .form-item textarea.error {
  border: 1px solid #c52020;
  color: #494949;
}

/**
 * Watchdog.module
 */
tr.watchdog-user {
  background-color: #fcf9e5;
}

tr.watchdog-user td.active {
  background-color: #fbf5cf;
}

tr.watchdog-content {
  background-color: #fefefe;
}

tr.watchdog-content td.active {
  background-color: #f5f5f5;
}

tr.watchdog-warning {
  background-color: #fdf5e6;
}

tr.watchdog-warning td.active {
  background-color: #fdf2de;
}

tr.watchdog-error {
  background-color: #fbe4e4;
}

tr.watchdog-error td.active {
  background-color: #fbdbdb;
}
tr.watchdog-page-not-found, tr.watchdog-access-denied {
  background: #d7ffd7;
}
tr.watchdog-page-not-found td.active, tr.watchdog-access-denied td.active {
  background: #c7eec7;
}

/**
 * Status report colors.
 */
table.system-status-report tr.error, table.system-status-report tr.error th {
  background-color: #fcc;
  border-color: #ebb;
  color: #200;
}
table.system-status-report tr.warning, table.system-status-report tr.warning th {
  background-color: #ffd;
  border-color: #eeb;
}
table.system-status-report tr.ok, table.system-status-report tr.ok th {
  background-color: #dfd;
  border-color: #beb;
}

/**
 * Aggregator.module
 */
#aggregator {
  margin-top: 1em;
}
#aggregator .feed-item-title {
  font-size: 160%;
  line-height: 130%;
}
#aggregator .feed-item {
  border-bottom: 1px solid #e9eff3;
  margin: -1.5em -31px 1.75em;
  padding: 1.5em 31px;
}
#aggregator .feed-item-categories {
  font-size: 0.92em;
}
#aggregator .feed-item-meta {
  font-size: 0.92em;
  color: #898989;
}

/**
 * Color.module
 */
#palette .form-item {
  border: 1px solid #fff;
}
#palette .item-selected {
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
  border: 1px solid #d9eaf5;
}

/**
 * Menu.module
 */
tr.odd td.menu-disabled {
  background-color: #edf5fa;
}
tr.even td.menu-disabled {
  background-color: #fff;
}
td.menu-disabled {
  opacity: 0.5;
}

/**
 * Poll.module
 */
.poll .bar {
  background: #fff url(images/bg-bar-white.png) repeat-x 0 0;
  border: solid #f0f0f0;
  border-width: 0 1px 1px;
}

.poll .bar .foreground {
  background: #71a7cc url(images/bg-bar.png) repeat-x 0 100%;
}

.poll .percent {
  font-size: .9em;
}

/**
 * Autocomplete.
 */
#autocomplete li {
  cursor: default;
  padding: 2px;
  margin: 0;
}

/**
 * Collapsible fieldsets
 */
fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  background: #fff url(images/gradient-inner.png) repeat-x 0 0;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

html.js fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: .6em;
}

html.js fieldset.collapsible legend a {
  padding-left: 2em;
  background: url(images/menu-expanded.gif) no-repeat 0% 50%;
}

html.js fieldset.collapsed legend a {
  background: url(images/menu-collapsed.gif) no-repeat 0% 50%;
}

dl dd {
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 0.5em;
  margin-left: 1.5em;
}

/*** notes ****/
div#notes {
  padding: 10px; 
  width: 500px; 
  border: 1px solid #CCC; 
  margin: 10px;
}


table.sticky-enabled, table.sticky-table {
	width: 100%;
}


.mceToolbarTop * {
float:left;
}

.mceToolbarTop select {
width:auto!important;
}

.mceToolbarTop option {
float:none;
}