/* element defaults */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
		address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
		caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;font-weight:inherit;
	font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
caption, th, td {text-align:left; font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none; }
img {vertical-align:middle;}
body {line-height:1.5; font:12px Arial,Verdana,sans-serif; background-color:#fff; color:#333; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
a { color: #3274d0; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; }
strong, b { font-weight:bold; }
i { font-style: italic;}
em {font-style: normal;}
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

.more {text-align:right; padding:0.3em 0;}
a.more {line-height:1.5em; background:url(/images/button/more_arrow.gif) no-repeat right center;
	padding:2px 18px 2px 0;}
.link {color: #3274d0; cursor:pointer;}
.link:hover {text-decoration:underline;}
a.not-link {color:black;text-decoration:none;cursor:default;}
.bold, .fwb {font-weight:bold;}
.italic, .fsi {font-style:italic;}
table.palette {width:auto;}

ul { list-style: none outside; }
ol { list-style: decimal; margin-left: 2em; }
ul.square, ul.circle { margin-left: 1.2em; }
ul.square { list-style: square outside; }
ul.disc { list-style: disc outside; }
ul.circle { list-style: circle outside; }
ul ul.square, ul ul.circle { margin-top: 4px; margin-bottom: 5px; }

div.separator {border-top:1px dotted #BBBBBB;}

pre {margin:0;white-space:pre;}
pre, code, tt {font:1em monospace;line-height:1.5;}

.sourcecode, .commit-comment { font-family: monospace;line-height:1.2; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; }

hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:12px; margin: 0;
	_margin: -7px 0; .margin: -7px 0; border:none;}
hr.space {background:#fff;color:#fff;}
hr.dotline {background: #fff; color: #fff; border: 1px dotted #ccc;margin: 0.5em 0pt;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}  /* for IE/Mac */
/* Makes clearfix actually work in IE */ 
.clearfix {zoom: 1;display: block; }

.clear {clear:both;}
/* IE 6&7 has problems with setting proper <hr> margins. */

/* ELEMENTS */
input[type=text], textarea {border:1px solid #BBBBBB;}
input[type=button], input[type=submit] {padding-left:8px; padding-right:8px;}

/* PIPED LINKS */
.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { float: left; display: inline; }
.piped a, .piped em { border-left: 1px solid #797c80; padding: 0 0 0 0.5em; margin-left: 0.5em; }
.piped.noborder a { border: none; }
.piped a.first, .piped em.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }
.piped > li > em { color: #999; }

/* buttons */
.button {border:1px solid #999; padding:2px 6px; cursor:pointer; font-size:12px;
	background:url(/images/button/button-bg.gif) 0 0 repeat-x; white-space:nowrap;}
.button:hover, .button:focus {background-position:left -100px; border-color:#666;}
.menu.button b.inner {background:url(/images/menu-button-down.png) right center no-repeat;
	margin-right:3px; padding-right:14px;}

/* Some commons classes */
.error, .notice, .success, .information {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
.notice input {font-size:11px;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.error h1, .notice h1, .error h1 {text-align:center;}
.information {background: #CAE3FC; border-color: #66AAEE; }
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.big-info { font-size: 1.5em; font-weight: bold; text-align: center; background-color: #F9F7ED; line-height: 3em; }

.error ul, .notice ul, .success ul { margin: 0; }
.zero { font-size: 0; line-height: 0; margin: 0; padding: 0; position: relative;}
.required {color:red; cursor:default; font-size:18px;}
.nowrap {white-space:nowrap;}
.round {border-radius:2px; -moz-border-radius:3px; -webkit-border-radius:2px;}
.left-round {border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;}
.right-round {border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;}
.top-round {border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;}
.bottom-round {border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;}
.shadow {box-shadow:2px 2px 8px #888; -moz-box-shadow:2px 2px 8px #888;
	-webkit-box-shadow:2px 2px 8px #888;}
	
.round.window>.head .piped a {color:white; border-color:white; font-size:11px; font-weight:normal;}
.round.window>.head .piped.actions {position:absolute; right:12px; bottom:5px;}

.arrow {width:0; height:0; cursor:pointer; border-color:#666; border-width:4px;}
.arrow.up {border-left-style:solid !important; border-left-color:transparent !important;
	border-right-style:solid !important; border-right-color:transparent !important; 
	border-bottom-style:solid !important;}
.arrow.down {border-left-style:solid !important; border-left-color:transparent !important;
	border-right-style:solid !important; border-right-color:transparent !important; 
	border-top-style:solid !important;}
.arrow.right {border-top-style:solid !important; border-top-color:transparent !important;
	border-bottom-style:solid !important; border-bottom-color:transparent !important; 
	border-left-style:solid !important; float:none;}
.arrow.left {border-top-style:solid !important; border-top-color:transparent !important;
	border-bottom-style:solid !important; border-bottom-color:transparent !important; 
	border-right-style:solid !important; float:none;}

.red { color: #FF1A00; }
.green { color: #008C00; }
.orange { color: #FF7400; }
.blue { color: #3274d0; }
.light_blue { color: #99ccff; }
.gray {color:#BBBBBB;}
.black {color:#333;}
.light { color: #666; }
.head {font-weight:bold; font-size:13px; padding:4px;}
.hidden {display:none;}
.description {font-size:12px;}

/* Use this class to replace the text by a image, override
 * the width and height the same as the replaced image
 */
.replaced {display:block; height:10px; outline:none; overflow:hidden; text-align: left; text-indent:-9999px; width:10px;
	position:relative; background:no-repeat 0 0; }
a.replaced:hover {text-decoration:none;} 

.replaced.icon {width:21px; min-height:19px; _height:19px; background-position:0 50%;}
.replaced.smallicon {width:16px; min-height:16px; _height:16px; background-position:0 %50;}
a.replaced.icon:hover {background-position:-50px 50%;}
a.replaced.icon.run {background-image:url(/images/button/text_run.gif); width:45px;}
a.replaced.icon.run:hover { background-position: -100px 50%; }
a.replaced.icon.add { background-image: url(/images/button/button-add.gif); }
a.replaced.icon.delete { background-image: url(/images/button/delete.png); }
a.replaced.icon.edit { background-image: url(/images/button/edit.gif); }
a.replaced.icon.schedule-started { background-image: url(/images/button/scheduled.gif); }
a.replaced.icon.schedule-paused { background-image: url(/images/button/schedule_paused.gif); }
.replaced.icon.schedule-inherited { background-image: url(/images/button/schedule_inherited.gif); background-position: -100px 50%; width: 24px; min-height: 19px; _height: 19px; }
a.replaced.icon.goto-first { background-image: url(/images/button/goto_first.gif); }
a.replaced.icon.goto-last { background-image: url(/images/button/goto_last.gif); }
a.replaced.icon.goto-previous { background-image: url(/images/button/goto_previous.gif); }
a.replaced.icon.goto-next { background-image: url(/images/button/goto_next.gif); }

.replaced.smallicon { width: 16px; min-height: 16px; _height: 16px; background-position: 0 50%; }
a.replaced.smallicon:hover { background-position: -50px 50%; }
a.replaced.smallicon.rss, a.replaced.smallicon.rss:hover {background: url(/images/button/button_rss.gif) no-repeat 0 center; width: 28px; }
a.replaced.smallicon.remove { background-image: url(/images/button/button_remove.gif); }
a.replaced.smallicon.stop { background-image: url(/images/button/button_stop.gif); }
a.replaced.smallicon.choose { background-image: url(/images/dropdown-toggle.gif); }

a.replaced.down {width:16px; height:16px; background:url(/images/dropdown-toggle.gif) -32px -54px;}
a.replaced.down:hover, a.replaced.down.open {background-position:-2px -54px;}
.replaced.enabled { background: url(/images/enable.gif) no-repeat left center; width: 16px; height: 16px;}
.replaced.disabled { background: url(/images/disable.png) no-repeat left center; width: 16px; height: 16px; }

a.imagelink, a.action {background-repeat: no-repeat; background-position: left 0px; 
	font-size:12px; font-weight:normal;padding: 2px 0 2px 20px; display: inline;}
a.imagelink:hover { background-position:left center;}
a.imagelink.stop { background-image: url(/images/button/link-stop.gif); }
a.imagelink.move { background-image: url(/images/button/link-move.gif); }
a.imagelink.remove { background-image: url(/images/button/delete.png); }
a.imagelink.delete { background-image: url(/images/button/delete-button.gif); }
a.imagelink.delete-all { background: url(/images/delete-all.png) no-repeat left center; }
a.imagelink.rss { background-image: url(/images/button/link-rss.gif); }
a.imagelink.edit {background-image: url(/images/button/link-edit.gif);}
a.imagelink.download {background: url(/images/button/link-download.gif) no-repeat left center; color: #333; }
a.imagelink.add { background: url(/images/button/button-add.gif) no-repeat left center; }
a.imagelink.export { background: url(/images/button/table-export.png) no-repeat left center; }

a.action.add { background-image: url(/images/add.png); }
a.action.delete { background-image: url(/images/delete.png); }
a.action.delete-all { background-image: url(/images/delete-all.png); }
.piped a.action { background-position: 5px 0; padding-left: 25px; }

/* Shortcuts */
.left, .fl { float: left; } .right, .fr { float: right; }
.tac {text-align:center;} .tal {text-align:left;} .tar {text-align:right;}
.vam {vertical-align:middle;} .vat {vertical-align:top;} .vab {vertical-align:bottom;}

.m0p { margin: 0px; }
 .m2p {margin:2px;} .m4p {margin:4px;} .m8p {margin:8px;} .m16p {margin:16px;}
.topspace, .mt8p {margin-top:8px;} .bottomspace, .mb8p {margin-bottom:8px;}
.rightspace, .mr8p {margin-right:8px;} .leftspace, .ml8p {margin-left:8px;}
.topspace2, .mt16p {margin-top:16px;} .bottomspace2, .mb16p {margin-bottom:16px;}
.rightspace2, .mr16p{margin-right:16px;} .leftspace2, .ml16p {margin-left:16px;}

.topgap, .mt2p {margin-top:2px;} .bottomgap, .mb2p {margin-bottom:2px;}
.rightgap, .mr2p {margin-right:2px;} .leftgap, .ml2p {margin-left:2px;}
.topgap2, .mt4p {margin-top:4px;} .bottomgap2, .mb4p {margin-bottom:4px;}
.rightgap2, .mr4p {margin-right:4px;} .leftgap2, .ml4p {margin-left:4px;}

.mt12p {margin-top:12px;} .mb12p {margin-bottom:12px;}
.mr12p {margin-right:12px;} .ml12p {margin-left:12px;}

.p8p {padding:8px;} .p16p {padding:16px;} .p12p {padding:12px;} .p4p {padding:4px;} .p2p {padding:2px;}
.pt8p {padding-top:8px;} .pb8p {padding-bottom:8px;} .pl8p {padding-left:8px;} .pr8p {padding-right:8px;}
.pt16p {padding-top:16px;} .pb16p {padding-bottom:16px;} .pl16p {padding-left:16px;} .pr16p {padding-right:16px;}
.pt12p {padding-top:12px;} .pb12p {padding-bottom:12px;} .pl12p {padding-left:12px;} .pr12p {padding-right:12px;}
.pt4p {padding-top:4px;} .pb4p {padding-bottom:4px;} .pl4p {padding-left:4px;} .pr4p {padding-right:4px;}
.pt2p {padding-top:2px;} .pb2p {padding-bottom:2px;} .pl2p {padding-left:2px;} .pr2p {padding-right:2px;}

.help, .ch {cursor:help;}
.pointer, .cp {cursor:pointer;}
.move, .cm {cursor:move;}
.submits { margin: 1em 0; padding: 0.5em 0; }

/*
 * QuickBuild will automatically add odd/even class to table rows inside 
 * <tbody> element if a table is applied with this "data" class.
 */
table.oddeven {border: solid 1px #CCCCCC; font-size:12px; margin-left:1px;
	*margin-left: 0; /* IE hack */}
table.oddeven thead {background: #E5E5E5;}
table.oddeven td {padding:4px;}
table.oddeven thead td {border: 1px solid #C5C5C5; font-weight:bold;}
table.oddeven tbody td {border-right:1px solid #C5C5C5; border-left:none; border-top: 1px dotted #BBBBBB;}
table.oddeven tbody tr.even {background-color: white;}
table.oddeven tbody tr.odd {background-color: #F0F0F0;}
table.oddeven em {font-style:normal;}
/* Safari fix */
table.oddeven tbody tr.first td {border-top:1px solid #BBBBBB;}
.window table.oddeven {border:none;}

.popup>.content ul {list-style: disc inside;}
.popup>.content ol {list-style: decimal inside;}
.popup>.content li {margin:4px 2px 4px 2px;font-size:12px;}

table.properties {color:#444444; border-color: #bbb; border-style: solid; border-width: 1px 0;}
table.properties .properties { border-width: 1px; }
table.properties td.name, table.properties td.value {border-bottom:1px none #BBBBBB; padding:6px;
	vertical-align:top;}
table.properties td.value { padding-left: 1em; box-shadow: 8px 0 8px -8px #999 inset;
	-o-box-shadow:8px 0 8px -8px #999 inset;
	-webkit-box-shadow: 8px 0 8px -8px #999 inset;
	-moz-box-shadow: 8px 0 8px -8px #999 inset;
}
table.properties td.value.input {padding-left:14px;}
table.properties td.name { padding-left: 1em;
	background-color: #EAEEF3; border-right: 1px solid #bbb;
	font-weight:bold; width:20%; white-space:nowrap;
	text-align:right;}
td.value td.name { font-weight: normal; }
table.properties td.caption {font-weight:bold; padding:6px; font-size:13px; border:1px none #BBBBBB;}
table.properties input[type=text], table.properties input[type=password], table.properties textarea {width:80%;
	color:black; font:13px Arial,Verdana,sans-serif;}
table.properties .required {margin-left:-10px;}
table.properties .error {color:#FF3333;	margin:4px 0 0 0; padding:0; font-weight:bold; border:none;
	background:url(/images/warning.gif) no-repeat left center; padding-left:18px;}
table.properties .description {font-size:11px; color:#666; margin-top:4px; white-space:normal; width:80%;}

/* horizontal tab */
.horizontal>.tabs .tab {float:left; font-weight:bold; font-size:12px; padding-right:4px; }
.horizontal>.tabs .tab a {display: block;cursor: pointer;border: 1px solid #b5b5b5;color: #888888;
	position: relative;bottom: -1px; border-radius: 2px 2px 0 0; border-style: solid; border-width: 0px; line-height: 20px; font-weight: normal;}
.horizontal>.tabs .selected a {color:black;
	background: -webkit-linear-gradient(top,#f3f3f3,#fff);
	background: -moz-linear-gradient(top,#f3f3f3,#fff);
	border-color: #ccc #ccc #fff;
	border-radius: 2px 2px 0 0;
	border-style: solid;
	border-width: 1px;
	font-weight: bold;
}
.horizontal>.tabs .tab a span {display:block; padding: 3px 8px; }
.horizontal>.tabs {border-bottom:1px solid #b5b5b5; border-top:1px solid white; height:1%;}

/* vertical tab */
.vertical > .tabs { float: left; width: 15%; position: relative; border-radius: 6px; border: 1px solid #ccc; background-color: #f5f6f7;  }
.vertical>.panel { float:right;width:83%; position: relative; }
.vertical>.tabs a { display: block; padding: 8px 20px; border-top: 1px solid #ccc; color: #333; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.75);}
.vertical>.tabs a:hover { text-decoration: none; background-color: #ddd; }
.vertical>.tabs>.tab:first-child a { border: none; border-radius: 6px 6px 0 0; }
.vertical>.tabs .children {display:none;}
.vertical>.tabs .selected+.children {display:block;}
.vertical>.tabs .children a { padding-left: 32px; }
.vertical>.tabs .selected a { background:#666 url(/images/white-arrow-right.png) no-repeat 98% center;
	padding-right: 24px; border-color:#666;color:white; border-color: #666; margin: 0 -1px; text-shadow: 0 1px 0px rgba(0, 0, 0, 0.75);}
.right.vertical>.tabs .selected a { background:#666;}
.vertical>.tabs .selected.grouping a {background:transparent; color: #333; border-color: #ccc; margin: 0; text-shadow: 0 0 0; }
.vertical>.tabs .tab.last a { border-radius: 0 0 6px 6px; }
.vertical>.tabs .tab.last:first-child a { border-radius: 6px; }
.vertical>.tabs .grouping a {background: url(/images/tiny-arrow-right.gif) 4px center no-repeat;}
.vertical>.tabs .grouping.selected a {background: #e7e8e9 url(/images/tiny-arrow-down.gif) 4px center no-repeat;}
/*
.vertical>.tabs {float:left;width:15%;}
.vertical>.panel {float:right;width:84%;}
.vertical>.tabs b {display:block;height:1px;margin:0 1px;background-color:#b5b5b5;}
.vertical>.tabs .tab {margin-bottom:4px;}
.vertical>.tabs a {
	border-left:1px solid #b5b5b5;border-right:1px solid #b5b5b5;
	background:url(/images/square.gif) no-repeat 4px 50%; background-color:#EBEDED;
	padding:2px 4px 2px 15px; color: #666;display:block;
}
.vertical>.tabs .children {margin-left:14px;display:none;}
.vertical>.tabs .selected+.children {display:block;}
.vertical>.tabs .grouping a {background-image: url(/images/tiny-arrow-right.gif);}
.vertical>.tabs .grouping.selected a {background-image: url(/images/tiny-arrow-down.gif);}
.vertical>.tabs .selected a {background-color:#666;border-color:#666;color:white;}
.vertical>.tabs .selected b {background-color:#666;}
*/
/* right vertical */
.right.vertical {float:none;}
.right.vertical>.tabs {float:right; width:12%;}
.right.vertical>.panel {float:left; width:87%;}

/* window */
.window {border:1px solid #666666; color:black;}
.window>.head {position:relative; background:url(/images/button/overview-head-bg.gif); color:white;}
.window>.operations {padding:6px;}
.window>.operations a {font-size:13px; padding-right:8px;}
.window>div.body {overflow:auto;}
.window table.body td {padding:4px;vertical-align:middle;}
.window table.body thead td {font-weight:bold;}
.window table.body tbody td {border-top:1px dotted #666666;}
.window .piped.operations { margin: 0.5em 0.5em 0.5em 0; }
.window .piped.operations a { padding: 0 0 0 0.5em; margin-left: 0.5em; }

.window.green, .window.green table.body thead td {border-color:#00aa00;}
.window.green>.head { background-position: left -205px;}
.window.red, .window.red table.body tbody td {border-color:#aa0000;}
.window.red>.head { background-position: left -255px;}
.window.cyan, .window.cyan table.body tbody td {border-color:#d741d7;}
.window.cyan>.head { background-position: left -405px; }
.window.yellow, .window.yellow table.body tbody td {border-color:#f88e0c;}
.window.yellow>.head { background-position: left -355px; }
.window.gray, .window.gray table.body tbody td {border-color:#666666;}
.window.gray>.head { background-position: left 0px; }
.window.blue, .window.blue table.body tbody td  {border-color:#2B73E7;}
.window.blue>.head { background-position: left -305px; }

.window>div.body .information, .window>div.body .notice, .window>div.body .error { border-width: 0 0 2px 0; }
.window>div.body .submits { padding-left: 1em; margin: 0; background: #F7F7F7; }
.window>div.body .section-head { padding: 1em 8px; margin: 0; }
.section-head h2 { margin-bottom: 8px; }
.section-head .button.menu-trigger { border-color: #EEE; color: #666; margin-left: 8px; font-size: 11px; font-weight: normal;
	border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; 
}
.section-head .button.menu-trigger:hover { color: #555; border-color: #CCC; }

.lite { padding: 0px 1px; }

/* drag and drop */
.ui-draggable {cursor:move;}
.ui-draggable-dragging {border:2px solid #999999; background:#E0E0E0;}
.drag-over {border:1px solid #C0A706; background:#FFF6BF;}
.ui-widget.ui-draggable {cursor:inherit; background:inherit;}
.ui-widget.ui-draggable-dragging {border:inherit; background:inherit;}

.ui-widget-overlay { background: #FFF; opacity: .65;filter:Alpha(Opacity=65); }