@import url("reset.css");
@import url("ui/checkbox.css");
/* @import url("ui/datepicker.css"); */

/*
@import url("ui/jquery.ui.core.css");
@import url("ui/jquery.ui.theme.css");
@import url("ui/jquery.ui.datepicker.css");
*/

html { overflow-y:scroll; }
* {margin:0; padding:0;}
body {background:#C63A7E; font-family:Arial; font-size:100%; line-height:1em; color:#393939; min-width:1200px; width:100%;}

img {border:0; vertical-align:top;}
a:hover{text-decoration:none;}
a {color:#393939; text-decoration:none;}

p {padding-bottom:10px;}

h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:14px;}

/*----------------Divider--------------------*/
.linebottom {height:2px; background-color:#F8F6F3; background:url(/images/line_bottom.gif) bottom left repeat-x;}

/*----------------Site Container--------------------*/
#siteContainer {width:97%; margin-left:1.5%; text-align:left; height:auto; padding-top:1.5%;}

/*----------------Site Container Corners--------------------*/
.roundbottom {overflow:hidden; background-color:#F8F6F3; width:100%; height:12px; text-align:left;}
.roundbottom .pic_bl {float:left;}
.roundbottom .pic_br {float:right;}

/*---------------Site Header-----------------*/
#head {overflow:hidden; background-color:#F8F6F3; width:100%; height:45px; text-align:left;}
#head .logo {background:url(/images/logo.png) top left no-repeat; float:left; padding-bottom:5px;}
#head h1 {background:url(/images/logo.png) top left no-repeat; text-indent:-10000px; font-size:1em; width:185px; height:40px;}
#head h2 {font-size:1em;}
#head ul {list-style:none; padding-top:16px}
#head li {float:left; font-size:0.75em; height:30px; font-family:Arial; padding:5px 6px}
#head li a {background-color:#F8F6F3; padding:3px 3px; text-decoration:none; color:#745e50;}
#head li .selected  {background-color:#B00606; padding:3px 3px; color:#fff; }
#head .pic_tl { float:left;}
#head .pic_tr { float:right;}

/*----------------Site Content------------------*/
#siteContent {min-height:500px; width:100%; overflow:hidden; background-color:#F8F6F3; position:relative; font-family:Arial; font-size:0.75em; color:#745e50; line-height:1.1538em;}
#AltsiteContent {height:340px; width:760px; overflow:hidden; background-color:#F8F6F3; position:relative; font-family:Arial; font-size:0.75em; color:#745e50; line-height:1.1538em;}

/*----------------Columns------------------*/
#leftColumn {float:left; width:270px; overflow:hidden}
#leftColumn #widget {padding: 15px; background:#ebddca; margin-top:15px; margin-left:15px;}

#rightColumn{float:right; width:270px; overflow:hidden}
#rightColumn #widget {padding: 15px; background:#ebddca; margin-top:15px; margin-right:15px;}

#homeColumn{margin:15px 285px}

#mainColumn{margin:15px 15px 15px 285px;}

/*----------General Main Column Content Items-----------*/
#contentItem {background:#ebddca; overflow:hidden; position:relative; margin-bottom:15px;}
#contentItem .header {padding:15px; margin-top:-3px; margin-bottom:-4px}
#contentItem .icon {width:16px; border:0px; height:16px; float:right; margin-top:-15px;}
#contentItem  .content{padding:15px}
#contentItem .linebottom {margin-left:-15px; width:110%;}

/*----------Generated Page Content-----------*/
#pageContentHeader {padding-left:20px; padding-right:25px; height:70px}
#pageContentHeader .title {float:left; margin-top:30px; font-weight:bold; font-size:24px;}	
#pageContentHeader .icon {float:left; margin-top:12px; margin-right:10px; width:48px; height:48px}	

#pageContentNav {float:right; padding-top:5px;}	
#pageContentNav ul {list-style-type:none; padding:0px; margin:0px}
#pageContentNav li {display:block; float:left; height:55px; width:50px; text-align:center; text-decoration:none; padding-top:10px; padding-left:5px; margin:0px;}
#pageContentNav li span {display:block;}
#pageContentNav li:hover {color:#333; background-color:#f1e8e6;}

#pageContentBody {margin:15px;}

/*------------Generated Reports--------------*/
table.report {margin:0px; padding:0px; border-spacing:0px; width:100%; background-color:#FFFFFF; border:2px solid #cabeac; text-align:left}
table.report th {padding:4px; margin:0px; font-size:20px; color: #000; text-align:left}
table.report th.center {text-align:center}
table.report th.right {text-align:right}
table.report tr.columnheader {background-color:#bcbcbc; text-align:left; border-left:2px solid black; border-right:2px solid black;}
table.report tr.reportrow {background-color:#FFF; border-left:2px solid black; border-right:2px solid black;}
table.report td {white-space:nowrap; font-size:20px; padding:4px; text-align:left}
table.report td.center {text-align:center}
table.report td.right {text-align:right}
table.report tr.groupheader {background-color:#bcbcbc; border-top:2px solid black; border-left:2px solid black; border-right:2px solid black; border-bottom:1px solid black;}
table.report tr.groupspacer {background-color:#ffff; height:12px;}
table.report tr.groupfooter {background-color:#cecece; border-top:1px solid black; border-left:2px solid black; border-right:2px solid black; border-bottom:2px solid black;}

/*-------------Generated Grids---------------*/
#gridNav {margin:0px; padding:0px; font-size:11px; background-color:#cabeac}
#gridNav .pageNum {margin:0px; padding:0px; float:left; margin-left:5px; margin-right:10px; margin-top:3px; font-weight:bold; font-size:11px;}
#gridNav ul {margin:0px; padding:0px; list-style:none;}
#gridNav li {background-color:#ffffff; border:1px solid black; float:left; margin-left:2px; text-decoration:none; width:20px; font-size:13px; text-align:center; padding:1px; font-weight:bold;}
#gridNav li:hover{background-color:#cbcbcb; border:1px solid red;}
#gridNav label {font-weight:bold; font-size:11px; margin-top:2px; float:right; margin-right:5px;}
#gridNav input {font-weight: normal; font-size: 12px; float:right; margin-right:10px; border:1px solid #999999;}
#gridNav select {font-weight: normal; font-size: 12px; float:right; margin-right:10px; border:1px solid #999999;}

table.grid {margin:0px; padding:0px; border-spacing:0px; width:100%; border-collapse:collapse; background-color:#FFFFFF; border:2px solid #cabeac; text-align:left}
table.grid th {margin:0px; text-align:left; padding:6px 4px 2px 4px; height:25px; font-size:13px; background:url(../images/gridtableheader.jpg); background-repeat:repeat; color:#000;}
table.grid th a:link, table.grid th a:visited {color:#c64934; text-decoration:none;}
table.grid th a:hover {text-decoration:underline;}
table.grid tr.row0 {background-color:#FFFFE1; text-align:left;}
table.grid tr.row1 {background-color:#FFF; text-align:left;}
table.grid td {border-bottom:1px solid #e5e5e5; white-space:nowrap; font-size:13px; padding:4px;}
table.grid td img {border:none;}
table.grid tr.group {background-color:#FFECEC;}
table.grid td.group {font-weight:bold; font-size:14px; text-transform:uppercase; color:#000;}
table.grid tr.row0:hover {background-color:#dedede;}
table.grid tr.row1:hover {background-color:#dedede;}
table.grid td.options {background-color:#ffffff; font-size:8px;}

/*----------------Edit Form------------------*/
#editForm  {font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}

#editForm .layout {clear:both; width:100%}
#editForm .column {float:left; overflow:hidden}
#editForm .spacer{float:left; width:15px;}
#editForm fieldset {border:solid 2px #cabeac; width:97%; margin-top:10px; margin-bottom:20px; padding:1%}
#editForm legend {font-size:14px; font-weight:bold; padding-left:5px; padding-right:5px}

#editForm table {width:100%;}
#editForm tr:hover {background-color:#f1f1f1;}

#editForm td {font-size:12px; padding-top:3px;}
#editForm td.value {text-align:left;}
#editForm td.options {background-color:#ffffff; font-size:8px;}

span.link {cursor:pointer; text-decoration:none; color:#C64934;}
span.link:hover {text-decoration:none; color:#30569D; cursor:pointer;}

#editForm label {text-align:left; padding-left:2px; width:130px;}
#editForm .nocaption {text-align:left; padding-left:10px;}
#editForm select{font-weight:normal; margin-top:2px; margin-left:0px; font-size:12px; border-width:1px;}
#editForm .help{font-weight:normal; text-decoration:italic; margin-top:2px; margin-left:0px; font-size:10px; color:blue;}
#editForm  input {font-weight:normal; font-size:12px; margin:2px 0px; border:1px solid #999999;}
#editForm  textarea {font-weight:normal; font-size:12px; margin:2px 0px; border:1px solid #999999; color:#000;}


/*----------------Home Menu------------------*/
#homeMenu {text-align:center;}
#homeMenu .section {clear:both;}
#homeMenu .break {clear:both; height:10px;}
#homeMenu .title {text-align:left; margin-left:10px; margin-top:10px; background-color:#ebddca;}
#homeMenu ul {padding:10px;}
#homeMenu li {display:block; float:left; height:87px; width:87px; vertical-align:middle; text-decoration:none; padding:5px; margin:0px;}
#homeMenu li span {display:block;}
#homeMenu li:hover {color:#333; background-color:#f1e8e6;}
#homeMenu img {}


/*----------------Widget Menu------------------*/
#widgetMenu {vertical-align:middle;}
#widgetMenu .section {clear:both;}
#widgetMenu .break {clear:both; height:10px;}
#widgetMenu .title {float:left; text-indent:-10000px}
#widgetMenu ul {}
#widgetMenu li {display:block; height:24px; vertical-align:middle; text-decoration:none; padding:6px; margin:0px;}
#widgetMenu .caption {padding-left:35px; margin-top:-19px;}
#widgetMenu li:hover {color:#333; background-color:#f1e8e6;}
#widgetMenu img {margin-top:-3px;}

/*------------------Login--------------------*/
.alert {background-color: #fefed6;	border: 1px solid red;padding: 4px 7px;	margin: 2px;margin-bottom:10px;font-weight:bold;}
.alert p {margin-bottom: 0px;margin-top:0px;}

.griddescription {background-color: #fefed6;	border: 1px solid blue;padding: 4px 7px;	margin: 2px;margin-bottom:10px;font-weight:bold;}

.button {border:solid 1px #cccccc; background:#E9ECEF; color:#666666; font-weight:bold; padding:4px;}
.login {margin-left:auto; margin-right:auto; margin-top:6em; padding:15px; border:1px solid #cccccc; width:459px; background:#F1F3F5;}
.login p {padding:0 1em 0 1em;}

.form-block {border:1px solid #cccccc; background:#E9ECEF; padding-top:15px; padding-left:10px; padding-bottom:10px; padding-right:10px;}

.login-form {text-align:left; float:right; width:60%;}
.login-text {text-align:left; width:40%; float:left;}

.inputlabel {font-weight:bold; text-align:left;}
.inputbox {width:150px; margin:0 0 1em 0; border:1px solid #cccccc;}

.clr {clear:both;}
.ctr {text-align:center;}

.version {font-size:0.8em;}
.message {margin-top:10px; padding:7px; width:400px; border:1px solid #B22222; background:#F1F3F5; color:#B22222; font-weight:bold;}

/*------------Main Containers----------------*/
/*.mainContentContainer {background:#ebddca; margin:15px; padding-bottom:1px;}
.mainContentContainer .icon {width:24px; border:0px; height:22px; float:right; margin-top:-15px;}
.mainContentContainer .linebottom {margin-top:10px; margin-bottom:15px;}

.pageWrap {clear:both; font-size:1em; float:left; overflow:hidden; position:relative; width:100%;}					
.columnsWrap {float:left; margin-left:-200px; position:relative; right:100%; width:200%;}
.columnsContent {float:left; left:500px; margin-left:-50%; position:relative; width:100%;}					
.mainColumnWrap {float:left; right:300px; position:relative; width:50%;}
.mainColumnContainerHome {left:200%; margin:0 300px 0 300px; overflow:hidden; position:relative;}
.mainColumnContainer {left:200%; margin:0 0px 0 300px; overflow:hidden; position:relative;}
*/

/*-----------------Widgets-------------------*/
#widget .linebottom {margin-left:-15px; width:255px; margin-top:10px; margin-bottom:15px;}
#widget .icon {width:16px; border:0px; height:16px; float:right; margin-top:-15px;}
#widget .topcorners {background:url(/images/widgettop.png) no-repeat; height:12px; width:255px; margin-top:-15px; margin-left:-15px;}
#widget .bottomcorners {background:url(/images/widgetbottom.png) no-repeat; height:12px; width:255px; margin-bottom:-15px; margin-left:-15px;}

#kblist ul {list-style-type:none; padding:0px; margin:0px}
#kblist li {background: url(/images/icon_viewkbarticlesmall.png) no-repeat; background-position:5px 8px; padding:10px 0px 6px 25px;}

#newslist ul {list-style-type:none; padding:0px; margin:0px}
#newslist li {background: url(/images/icon_viewkbarticlesmall.png) no-repeat; background-position:5px 8px; padding:10px 0px 6px 25px;}

#kbcategorylist ul {list-style-type:none; padding:0px; margin:0px}
#kbcategorylist li {margin-left:10px;}

	ul.tree, ul.tree ul {list-style-type: none; background: url(vline.png) repeat-y; margin:0; padding:0;}
	ul.tree ul {margin-left: 10px;}
	ul.tree li {margin: 0; padding: 0 12px; line-height: 20px; background: url(/images/node.png) no-repeat; color: #369; font-weight: bold;}
	ul.tree li.last {background: url(/images/lastnode.png) no-repeat;}

/*--------------Date Display-----------------*/
.dashboardDateContainer {WIDTH: 74px; HEIGHT: 88px;}
.dashboardMonthHolder {BACKGROUND: URL(/images/calendartop.png) no-repeat; DISPLAY: block; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; PADDING: 0px; COLOR: #FFFFFF; FONT: bold 11px Verdana,Arial,Helvetica; WIDTH: 74px; HEIGHT: 22px;}
.dashboardMonthSub {PADDING-TOP: 4px;}
.dashboardDateHolder {BACKGROUND: URL(/images/calendarbottom.png) no-repeat; DISPLAY: block; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; PADDING: 0px; COLOR: #555555; FONT: 10px Verdana,Arial,Helvetica; WIDTH: 74px; HEIGHT: 66px;}
.dashboardDateSub {PADDING-TOP: 6px; PADDING-BOTTOM: 6px;}
.dashboardDatedContainer {FONT: 32px Trebuchet MS, Calibri, Verdana, Arial, Helvetica;}

/*-----------------Footer--------------------*/
#footer { height:40px; color:#000; font-family:Arial; font-size:0.75em; margin: 10px;}
#footer a {color:#745e50; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer .footerContainer { padding:10px 0 0 10px;}
#footer .footerLeftColumn { float:left; width:651px;}
#footer .footerRightColumn { float:right; width:72px;}
#footer .rssPic { margin-left:6px;}

.ui-datepicker {
	font-size: 12px !important;
}


.small {padding-left:100px; height:197px;}
.still {position:absolute; height:197px; margin-left:245px; margin-top:-200px;}
.banner {padding-left:100px; height:186px;}