html { height:100%; }
body {
	font-family:Arial, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	color:#4C4C4C;
	zoom:1;
	height:100%;
	line-height:16px;
	background:#FFF;
}

*:focus { outline: none; }
form { }
form.searchBox { margin:0; }
a img { border:0; }

h1 { font-size:19px; margin:20px 0 20px 0; }
h3 { border-bottom:1px solid #4C4C4C; color:#4C4C4C; font-size:17px; font-weight:normal; line-height:23px; margin:10px 0; }
h4 { border-bottom:1px solid #999; font-size:14px; font-weight:bold; line-height:23px; margin:10px 0; }


h2.green { background:#E7FFC1; margin:0; margin-top:30px; margin-bottom:10px; padding:10px 15px; font-weight:normal; color:#363; font-size:16px; }
h2.blue { background:#E7F6FF; margin:0; margin-top:30px; margin-bottom:10px; padding:10px 15px; font-weight:normal; color:#2585BC; font-size:16px; }
h2.red { background:#FEF1E8; margin:0; margin-top:30px; margin-bottom:10px; padding:10px 15px; font-weight:normal; color:#FF6600; font-size:16px; }

h4.toggle { cursor:pointer; background:url(/images/icons/plus.gif) no-repeat left 5px; padding-left:18px; }
h4.collapse { background:url(/images/icons/minus.gif) no-repeat left 5px; }

.hide { display:none; }
.clearFloat { clear:both; }

span.toggle { white-space:nowrap; font-size:10px; }
span.marked { background:#FFFFE5; color:#FF3300; }
span.highlighted { background:#E7FFC1; }

span.label {
    padding:1px 3px 0;
    background-color: #BFBFBF;
    font-size: 9.75px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
span.red { 
	padding:1px 3px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	color:#FFF;
	background:#F45F48;
}
span.green { 
	padding:1px 3px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;	
	background:#390;
	color:#FFF;
}
span.grey { 
	padding:1px 3px 0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#EEE;
}
span.white { 
	padding:0 3px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#FFF;
}

a { color:#3081DD; }
a:hover { color:#FF6600; }
a.confirm { cursor:pointer; }
a.taskInfo { text-decoration:none; }

/** pagerContainer **/
.pagerContainer { overflow:hidden; }

/** pagelinks **/
div.pager { text-align:right; font-size:11px; padding:10px 5px; }
div.pager a { padding:2px 6px; text-decoration:none; border:1px solid #FFF; cursor:pointer; }
div.pager a.selected { background:#EEE; }
div.pager a:hover,
div.pager span { 
	padding:2px 6px;
	font-weight:bold;
	background:#EEE; 
	border:1px solid #EEE;
	-moz-border-radius:3px; 
	-webkit-border-radius:3px; 
	border-radius:3px; 
	-moz-box-shadow:0 1px 0 #CCC; 
	-webkit-box-shadow:0 1px 0 #CCC;
	box-shadow:0 1px 0 #CCC;
}


div.glow {
	-moz-box-shadow:0 0 2px #59BAFF;
	-webkit-box-shadow:0 0 2px #59BAFF;
	box-shadow:0 0 2px #59BAFF;
    border-color:#59BAFF !important;
}





/* inputs, select, textarea, button */
input, textarea, select, button { font-size:11px; font-family:Arial, Helvetica, sans-serif; }
input, textarea, select, button { padding:3px; }
input.checkBox { border:none; }



input.slider,
input.autoComplete,
input.datepicker,
input.timepicker,
input.text, 
textarea.text,
select.text {
    margin: 0;
	padding: 3px;
	border-bottom:1px solid #EEE;
	border-left:1px solid #DEDEDE;
	border-right:1px solid #EEE;
	border-top:1px solid #DEDEDE;
}
input.recommended, textarea.recommended, button.recommended, select.recommended {
	border:1px solid #B8DE62;
	border-color:#B8DE62;
	-moz-box-shadow:0 0 4px #B8DE62; 
	-webkit-box-shadow:0 0 4px #B8DE62;
	box-shadow:0 0 4px #B8DE62;
}
input.error, textarea.error, button.error, select.error {
	border:1px solid #F45F48;
	border-color:#F45F48;
	-moz-box-shadow:0 0 4px #F45F48;
	-webkit-box-shadow:0 0 4px #F45F48;
	box-shadow:0 0 4px #F45F48;
}
input.disabled { }
input.focus, textarea.focus, button.focus, select.focus {
	border:1px solid #59BAFF;
	border-color:#59BAFF;
	-moz-box-shadow:0 0 4px #59BAFF;
	-webkit-box-shadow:0 0 4px #59BAFF;
	box-shadow:0 0 4px #59BAFF;
}

input.search { 
	border:none;
	background:url(/images/srch_16.png) no-repeat scroll 5px 6px #FFF; 
	padding:6px 6px 6px 24px;
}
input.headerSearch {
	border:0;
	padding:6px 6px 6px 24px;
	margin:0;
	background:url(/images/srch_16.png) no-repeat scroll 5px 6px #FFFFFF; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button.submitbutton, input.submitbutton { font-weight:normal; margin-top:5px; }
input.submitbutton { color:#069; cursor:pointer; font-size:12px; line-height:30px; height:30px; background:url(/images/btnInput.gif) 0 0 repeat-x; padding:0 10px;  font-weight:normal; border:1px solid #ADD2EE;}
button.submitbutton { color:#069; cursor:pointer; font-size:12px; line-height:30px; height:30px; background:url(/images/btnButton.gif) 0 0 repeat-x; padding:0 10px; font-weight:normal; border:1px solid #ADD2EE;}
.bigbutton {
	cursor:pointer;
	font-size:15px;
	font-weight:normal;
	height:35px;
	padding:0pt 15px;
	width:150px;
}

.normalbutton {
	font-size:15px;
	font-weight:normal;
	height:35px;
	padding:0pt 15px;
}
button.grey { background:transparent url(/images/btnButtonGrey.gif) repeat-x scroll 0pt 50%; border:2px solid #CCC; color:#4C4C4C}
button.bold, input.bold { font-weight:bold; }

div.textControlsContainer {
    background: none repeat scroll 0 0 #F6F6F6;
    border: 1px solid #F6F6F6;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    padding: 2px;
    display: inline-block;
}
div.textControlsContainerFocus {
    border: 1px solid #59BAFF;
    box-shadow: 0 0 4px #59BAFF;
    -moz-box-shadow: 0 0 4px #59BAFF;
    -webkit-box-shadow: 0 0 4px #59BAFF;
}

.smallbutton {
	background:transparent url(/images/btnButton.gif) repeat-x scroll 0pt 50%;
	border:1px solid #ADD2EE;
	color:#006699;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
	height:25px;
	line-height:21px;
	padding:0pt 5px;
}

#header { background:#436CA8; }
#headerContent { margin:0pt auto; width:1050px; }
#headerContent .headerLogoSmall { text-indent:-10000px; width:170px; height:60px; float:left; }
#headerContent .headerContentWelcome { float:right; padding:5px 15px; margin-bottom:10px; text-align:right; background:#FFF; font-size:11px; }
#headerContent .headerContentWelcome a { color:#4C4C4C; }
#headerContent .headerContentMenu { width:100%; overflow:hidden; }


#pageContainer { display:block; position:absolute; min-height:100%; width:100%; }
#pageWrapper { display:block; margin-bottom:120px; }

#page { line-height:16px; background:transparent url(/images/layout.png) repeat-x scroll center 30px; overflow:hidden; }
#pageContent { margin:0pt auto; min-width:150px; max-width:1020px; padding-bottom:20px; overflow:hidden; }
.pkg[class] { height:auto; }
.pkg { display:block; }


#pageContent div.leftContent { width:710px; float:left; }
#pageContent div.rightContent { width:260px; float:right; }




/** SearchBox **/
div.searchBoxContainer { background:#EEE; overflow:hidden; }
div.searchBoxContainer { background:#FFF; background:#FCFCFC; border-left:1px solid #EEE; border-right:1px solid #EEE; }
div.searchBoxContainer .searchBar { padding:5px 20px; background:#DDD; }
div.searchBoxContainer .searchBar a { color:#4D4D4D; }
div.searchBoxContainer .searchBar label { font-weight:bold; line-height:23px; }
div.searchBoxContent { display:block; height:0px; overflow:hidden; margin:0; }
div.searchBoxContentContainer { display:block; overflow:hidden; padding:10px; margin-bottom:10px; }

#searchBox ul.storedSearches {
	padding:0;
	list-style:disc inside none;
}
#searchBox ul.storedSearches li a.selected {
	font-weight:bold;
}
#searchBox ul.storedSearches li a img {
	border:0;
	vertical-align:bottom;
}

table.tableSearch { }
table.tableSearch tr td.label { vertical-align:top; xpadding-left:10px; padding-right:10px; }
input.searchbutton { width:150px; margin-top:10px; }

select optgroup { font-style:normal; color:#4C4C4C;  }
select optgroup.seperator { height:10px; }


/** uploadBox **/
.uploadBox { background:#EEEEEE none repeat scroll 0 0; overflow:hidden; padding:10px 10px 10px 30px; } 
.uploadBox input { }


/** Tabs **/
.tabs { padding:5px 0; overflow:hidden; margin-bottom:1px; }
.tabs div { float:left; height:20px; width:auto; color:#666; }
.tabs div.active { }
.tabs div a { border-right:1px solid #CCC; padding:0 10px; line-height:20px; display:block; text-align:center; text-decoration:none; font-size:11px; font-weight:normal; color:#666; }
.tabs div a:hover { color:#069; }
.tabs div.active a { color:#333; font-weight:bold; background:#FFF; border-bottom:1px solid #FFF; }
.tabs div.active a:hover { color:#069; }
.tabs div.video-tutorial { float:right; }
.tabs div.video-tutorial a { border:0; padding-left:20px; background:transparent url(/images/icons/control_play.png) no-repeat scroll left 2px; color:#FF6600; }

.tabs div.search a { padding-left:30px; background:transparent url(/images/srch_16.png) no-repeat scroll 10px 2px; }
.tabs div.highlight a { padding-left:30px; background:transparent url(/images/icons/lightbulb.png) no-repeat scroll 10px 2px; }


.tabcontentcontainer {
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}
.tabscontent { clear:both; }
.tabscontent div.tabcontent {
	overflow:hidden;
	height:0px;
	clear:both;
}
.tabscontent .content { overflow:hidden; }
.content { padding:0px 0px; overflow:hidden; }
.pageContent { margin:10px 10px 0; min-width:930px; }


/** new Document **/
ul.newDocument { margin:1px 0 20px; padding:0; }
ul.newDocument li { list-style-type:none; }
ul.newDocument li a { display:block; padding:10px 15px; text-decoration:none; font-size:14px }
ul.newDocument li a:hover { background-color:#eee; color:#333; }
ul.newDocument li a img { border:0; margin-right:10px; }


/* add/remove list */
ul.ui-item-list { list-style: none; margin: 0; padding: 0; display: inline-block; }
ul.ui-item-list li { padding: 3px 0; }
ul.ui-item-list li input { }
ul.ui-item-list li a {  
    text-decoration: none;
    cursor: pointer;
    height: 16px;
    width: 12px;
    /*margin-top: 4px;
    margin-left: 4px;*/
    display: inline-block;
}
ul.ui-item-list li a.item-add {
    background: url(/images/icons/bullet_toggle_plus.png) no-repeat scroll 0 4px transparent;
}
ul.ui-item-list li a.item-remove {
    background: url(/images/icons/bullet_toggle_minus.png) no-repeat scroll 0 4px transparent;
}
ul.ui-item-list li:first-child a.item-remove { display: none; }
ul.ui-item-list li:last-child a.item-remove { display: inline-block; }
ul.ui-item-list li:last-child a.item-add { display: inline-block; }
ul.ui-item-list li:only-child a.item-remove { display: none; }
ul.ui-item-list li:only-child a.item-add { display: inline-block; }


#footer {
	width:100%;
	margin:30px 0 0 0;
	clear:both;
	background:#444;
	overflow:hidden;
	height:120px;
	position:absolute; display:block; bottom:0;
	border-top:10px solid #AAAAAA;
}
#footerContent {
	width:980px;
	margin:auto;
	margin-top:20px;
	overflow:hidden;
}
#footerContent ul {
	padding:0;
	margin:0;
}
#footerContent li {
	padding:0 10px;
	float:left;
	list-style:none;
	color:#FFFFFF;
	margin-right:10px;
	font-size:11px;
	font-weight:bold;
	border-left:1px solid #999999;
}
#footerContent li ul {
	margin:0;
}
#footerContent li ul li {
	clear:both;
	padding:0;
	font-weight:normal;
	border:0;
    padding-bottom: 1px;
}
#footerContent a {
	color:#999;
	text-decoration:none;
	text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
}
#footerContent a:hover {
	color:#FFF;
}


/* Uploader */
.progressWrapper {
	overflow:hidden;
}

.progressContainer {
	margin:2px 0;
	padding:5px;
	background-color:#F7F7F7;
	overflow:hidden;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
/* Message */
.message {
	margin:1em 0;
	padding:10px 20px;
	background-color:#FFFFCC;
	overflow:hidden;
}
/* Error */
.red {
	background-color:#FFEBEB;
}

/* Current */
.green {
	background-color:#EBFFEB;
}

/* Complete */
.blue {
	background-color:#F0F5FF;
}

.progressName {
	font-size:8pt;
	font-weight:700;
	color:#555;
	height:14px;
	text-align:left;
	white-space:nowrap;
	overflow:hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size:0;
	width:0%;
	height:3px;
	background-color:#4C4C4C;
	margin-top:2px;
}

.progressBarComplete {
	width:100%;
	background-color:green;
	visibility:hidden;
}

.progressBarError {
	width:100%;
	background-color:red;
	visibility:hidden;
}

.progressBarStatus {
	margin-top:2px;
	width:337px;
	font-size:7pt;
	text-align:left;
	white-space:nowrap;
}

a.progressCancel {
	font-size:0;
	display:block;
	height:16px;
	width:16px;
	background-image:url(/images/layer.close.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float: right;
}

a.progressCancel:hover {
	background-position:right -182px;
}