body { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; }
a:link, a:visited { color: #039; text-decoration: none; }
a:hover { color: #09C; }
a img { border: 0; }
a.addToolTip { color: #444; font-weight: bold; cursor: help; text-decoration:none; }
fieldset { background: #fff; border: 1px solid #99c2d8; margin: 10px 0;  }
h1,h2,h3,h4,h5,h6 { color: #369; font-family: "myriad pro","lucida grande","trebuchet ms",Arial,Helvetica,sans-serif; font-weight: normal; margin: 0; }
h1 { font-size: 200%; }
hr { border: 1px solid #eee; }
input[type="text"],input[type="password"], textarea { border: 1px solid #b4c5cf; color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 100%; padding: 3px; }
legend { background: #fff; border-top: 1px solid #99c2d8; color: #439ccf; font-size: 110%; font-weight: bold; padding: 8px 12px; margin: 0; }

#container { font-size: 75%; width: auto; }
#header { background: url(/2009/images/kitengine_headerbg.gif) repeat-x; height: 80px; }
#header-logo { background: url(/2009/images/kitengine_logo.gif) no-repeat; color: #fff; font-family: "lucida grande","trebuchet ms",Arial,Helvetica,sans-serif;
        font-size: 150%; height: 38px; margin: 0 0 0 15px; padding: 12px 0 0 108px; width: auto; }
#header-quicklinks { color: #b3d3dc; float: right; margin: 10px 10px 0 0; text-align: right; width: 300px; }
#header-quicklinks a:link,
#header-quicklinks a:visited { color: #86c2e9; }
#header-quicklinks a:hover { color: #fff; }
#header-tabs { display: block; margin-top: 8px; width: auto; }
#header-tabs ul { list-style: none; margin: 0; padding: 0; }
#header-tabs li { float: left; margin-left: 3px; padding: 0; }
#header-tabs li a { background: url(/2009/images/kitengine_tab_off.gif) repeat-x bottom; border: 1px solid #7fcdf2; border-bottom: 1px solid #c8e6fd; padding: 6px 20px; }
#header-tabs li.selected a { background: #fff; border: 1px solid #61aeea; border-bottom: 1px solid #fff; font-weight: bold; }
#header-tabs li a:hover { background: url(/2009/images/kitengine_tab_on.gif); color: #fff; border: 1px solid #073453; border-bottom: 1px solid #2f4e67; }
#content { padding: 10px; width: auto; }
#footer { background:url(/2009/images/kitengine_footsep.gif) no-repeat center top; color: #cedce0; padding: 20px; text-align: center; width: auto; }

/* Content */
#form-submit { background: #fc6; border: 1px solid #f90; margin: 10px 0px; padding: 10px; width: 250px; text-align: center; }

#breadcrumbs { color: #ccc; font-size: 90%; padding: 5px 10px; }
#breadcrumbs-current { color: #999; font-weight: bold; }
#breadcrumbs-current span { font-style: italic; font-weight: normal; }
#breadcrumbs a:link,
#breadcrumbs a:visited { color: #999; text-decoration: none; }
#breadcrumbs a:hover { color: #777; text-decoration: underline; }

#preview { border: 1px solid #ccc; padding: 5px; width: auto; }

/* Messages */
.message { margin: 10px 0; }
.message a { font-family: Arial, Helvetica, sans-serif; font-size: 75%; font-weight: normal; }
.message > div { border: 1px solid #fff; padding: 10px; }
.message div div { font-family: "lucida grande","trebuchet ms",Arial,Helvetica,sans-serif; font-weight: bold; font-size: 120%; }
.error { background: #fee; border: 1px solid #fbb; color: #933; }
.notice { background: #ffc; border: 1px solid #dcdc41; color: #963; }
.success { background: #efe; border: 1px solid #bfb; color: #393; }

/* Form */
form.styled { background: #e8eff3; border: 1px solid #b4c5cf; margin: 10px; padding: 0 10px 10px 10px; }
input.small { font-size: 90%; }

/* Table */
table.styled { background: #fff; border: 1px solid #ecf1f3; }
table.styled th { background: #66a8d4 url(/2009/images/kitengine_th.gif) bottom left repeat-x; color: #fff; padding: 5px 10px; text-align: left; }
table.login { color: #369; font-family: "myriad pro", "lucida grande", "trebuchet ms", Arial, Helvetica, sans-serif; font-size: 120%; }

div.pagination { margin: 5px 0; padding: 5px; }
div.pagination span { float: right; }
div.pagination input { color: #b4c5cf; padding-right: 20px; }
div.pagination input.filter-on { border: 1px solid #f66; color: #444; }

/* General */
.clear { clear: both; }
.floatl { float: left; }
.floatr { float: right; }
.required { color: #c00; font-weight: bold; }
.row1 { background: #f8fcfe; }
.row2 { background: #e8f1f4; }

/* Select boxes */
select .locked { background:#fee; color: #c00; }
select .redirect { background:#efe; color: #0a0; }
select .controller { background:#eef; color: #00c; }

/* Tooltip */
#theToolTip { font-size: 12px; position: absolute; left: -300px; width: 200px; border: 2px solid #C0C09F; padding: 6px 0px 0px 10px; background-color: #FFFFCC; visibility: hidden; z-index: 100; }
#ToolTipPointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#theToolTip p { font-size: 1.1em; color: #333333; line-height:1.4em; margin-right:10px; margin-top:0; }
#ToolTipTextWrap { font-weight:bold; font-size: 1.2em; color: #592C16; margin-right:10px; }

/* Tabbed Fieldset */
.tabbedFieldset { display: block; width: auto; }
.tabbedFieldset ul { list-style: none; margin: 0; padding: 0; position: relative; top: 5px; }
.tabbedFieldset li { float: left; margin-right: 3px; padding: 0; }
.tabbedFieldset li a { background: #c9e1ee; border: 1px solid #99c2d8; color: #234556; font-weight: bold; padding: 5px 20px; }
.tabbedFieldset li a:hover { background: #d7effc; }
.tabbedFieldset li a:active { background: #b7ceda; }
.tabbedFieldset li.selected a { background: #fff; border-bottom-color: #fff; }
