@import url(anylink.css);
@import url(/modules/intakeformgenerator/xartemplates/includes/yui/build/fonts/fonts-min.css);
@import url(/modules/intakeformgenerator/xartemplates/includes/yui/build/datatable/assets/skins/sam/datatable.css);
@import url(/modules/intakeformgenerator/xartemplates/includes/yui/build/treeview/assets/skins/sam/treeview.css);
@import url(/modules/intakeformgenerator/xartemplates/includes/yui/build/container/assets/skins/sam/container.css);

/* XARAYA REQUIRED CLASSES */
body {
	background: #333333; 
	font-family: verdana, helvetica, sans-serif;
    font-size: 0.8em;
    color: black;
    font-weight: normal ;
    
	text-decoration:none;
line-height: 145%;
margin:0;
margin-left:10px;
margin-right:10px;
padding:0;
background-image:url(../images/nightclouds2.jpg);
}

a {
    color: black;
	background: ;
	text-decoration: ;
}
a:hover {
	color: black;
	background: ;
	text-decoration: ;
}

a:visited {
	color: black;
	background: ;
	text-decoration: ;
}

li {
    padding-bottom: 5px;
    background-position: 0 .45em;
    list-style-type: none;
}
ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* these defaults apply to the left block group */
.xar-block-head{
	background: #418109;;
}
.xar-block-title {
	color: white;;
}
.xar-block-body {
	background: #c8c8c8;
color: black;;
}
.xar-block-foot {
	;
}

/* center block group classes */
.xar-block-head-center{
	background: #333333;
margin-left:5px;;
}
.xar-block-title-center {
	color:white;
margin-left:5px;;
}
.xar-block-body-center {
	background: SmokeWhite;
color: black;
margin-left:5px;;
}
.xar-block-foot-center {
	;
}

.xar-mod-head {
	font-weight:bold;
	font-size: 1.2em;
}
.xar-mod-title {

}
.xar-mod-body {

}
.xar-mod-foot {
}

/* Styles specific to this theme */
#buffer{
    background-color: black;
    background-image: url(../images/newlogo2.png);
	margin-left:0px;
margin-top:5px;
line-height:110%;
height: 85px;
text-align:right;
color:WhiteSmoke;
font-size:150%;
font-weight:bold;
padding-right:15px;
padding-top:0px;}

#border{
	margin: 2px;
	background-color: #418109; 
	padding: 5px;
}

#content{
	background: #c8c8c8; 
	font-family: ;
    font-size: ;
    color: black;
    font-weight:  ;
    
	padding: 0px;
border: 1px dashed #333333;
}
.clearer{
	height: 1px;
	clear:both;
}

#welcome{
	color: white;
	font-size: 12px;
}

#welcome a{
	color: yellow;
}

#welcome a:visited{
	color: ;
}

#welcome a:hover{
	color: ;
}


#menu {
	height: ;
	padding:5px;
	background-color: #418109;
	height:15px;
text-align;left;



;
	font-size: 1.1em;
	color: white;
	white-space:nowrap;
	text-align:left;
		
}

#messages {
	text-align:right;
	padding: 2px;
	padding-right:10px;
	background-color: white;
    color:black;
	white-space:nowrap;
		
}

#menu a{
	color: white;
	font-weight:bold;
	padding-right:15px;
	text-decoration:none;
}

#menu a:visited{
	color: white;
	font-weight:bold;
	text-decoration:none;
}

#menu a:hover{
	color: white;
	font-weight:bold;
}

#menu ul{
 list-style: none;
 margin: 0;
 display: inline;
 float:left;
}

#menu ul li{
 list-style: none;
 margin: 0;
 display: inline;
 padding-left: 5px;
}

#leftcontent {
		width:100%;
		margin-right:15px;
		padding: 5px;
		padding-bottom:20px;
		min-height: 400px;
		height:auto;
		}
		
#rightcontent {
		}

#admin{
	width:100%;
	
}

#homeleft{
		float:left;
		width:150px;
		border-right:2px solid #000;
		border-top:2px solid #000;
		margin-right: 5px;
}

#homeright{
	padding: 5px;
}

/* admin tab styles */



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;

}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}



#login{
	width:60%;
	margin-top: 25px;
	margin-left:30%;
	border:1px solid #CCCCCC;
	padding:10px;
	margin-bottom:25px;
}

.calendar{
    width:200px;
    background: WhiteSmoke;
}

.welcome{
	float: right;
	font-weight: bold;
	padding-right: 5px;
	}

#roles_tree{
width: 150px;
padding-right: 5px;
padding-top: 5px;
overflow: auto
}

#roles_content{
padding-left: 5px;
padding-top: 5px;
margin-right: 5px;
}

#loading{
	background: url(../images/loading2.gif) 0 0 no-repeat;
	
}

* html body.masked select {
	visibility:hidden;
}

* html div.yui-panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
    z-index:0;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow:hidden;
	display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow:visible;
}



	overflow:hidden;
	padding:4px;
}





.button-group button {
	font:100 76% verdana;
	text-decoration:none;
	background-color: #E4E4E4;
	color: #333;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
}

.button-group button:active {
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}

.padder{
	padding: 5px;
}

.popup_header{
	background-color:#3d77cb;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border-bottom:1px solid #000;
	font-weight:bold;
	overflow:hidden;
	padding:4px;
	width:100%;
}

.popup_body{
	padding:3px;
	background-color:#EAEDF4;
	visibility: hidden;
	float:left;
	z-index:1000;
	width:100%;
}




/* ie6 ignores this selector */
html>body .ydsf {
	margin: 10px -10px -10px 10px;
	background: url(../images/shadow.png) right bottom no-repeat;
}




th .yui-dt-header{
	text-align: center;
}

.markupTable{
	text-align:left;
}

/* selection */
.yui-skin-sam tr.yui-dt-selected td,
.yui-skin-sam tr.yui-dt-selected td.yui-dt-asc,
.yui-skin-sam tr.yui-dt-selected td.yui-dt-desc {
    background-color:yellow; /* bright blue selected row */
    color:#FFF;
}
.yui-skin-sam tr.yui-dt-even td.yui-dt-selected,
.yui-skin-sam tr.yui-dt-odd td.yui-dt-selected {
    background-color:yellow; /* bright blue selected cell */
    color:#FFF;
}

/* enable selection in list mode */
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td,
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-asc,
.yui-skin-sam .yui-dt-list tr.yui-dt-selected td.yui-dt-desc {
    background-color:yellow; /* bright blue selected row */
    color:#FFF;
}
.yui-skin-sam .yui-dt-list tr.yui-dt-even td.yui-dt-selected,
.yui-skin-sam .yui-dt-list tr.yui-dt-odd td.yui-dt-selected {
    background-color:yellow; /* bright blue selected cell */
    color:#FFF;
}

.buttonbar{
	text-align: left;
	background: #CCCCCC;
	padding-left: 5px;
	
}

.buttonbar a{
	text-decoration: none;
}

.buttonbar a:visited{
	text-decoration: none;
}

.iconButton {
	padding-right: 5px;	
}

.listbox{
	border: 1px solid #cccccc;
	margin: 5px;
}

.searchbox{
	border: 1px dashed #CCCCCC;
	margin-top:2px;
	margin-bottom:2px;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
}

table.intake {
	border-collapse: collapse;
	border: 1px solid #000000;
	color: #000;
	background: #fff;
	padding: 10px;
	
}
.intake caption {
	padding: 0 0.6em 0.8em;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
}
.intake td, th {
	border: 1px solid #000000;
	padding: 5px;
}
.intake thead th {
	border: 1px solid #000000;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background: #418109;
	color: white;
	padding-left:2px;
}
.intake tfoot th, tfoot td {
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 1em;
	background: #e8e8cf;
}
.intake tfoot th {
	font-weight: bold;
}
.intake tbody td a {
	background: transparent;
	color: #666699;
	text-decoration: underline;
}
.intake tbody td a:hover {
	background: transparent;
	color: #666699;
	text-decoration: underline;
}
.intake tbody th a {
	background: transparent;
	color: #666699;
	text-decoration: underline;
	font-weight: bold;
}
.intake tbody th a:visited {
	color: #666699;
}
.intake tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
.intake tfoot td {
	border: 1px solid #996;
}
.intake tbody tr:hover {
	background: yellow;
}

/* end intake table */


.formMenu {
		background: #CCCCCC;
		width: 100%;
		height: 25px;
		clear: both;

	
	}

.formMenuItem {
		float: right;
		padding: 2px;
		margin-left: 2px;
		valign: top;
	
	}
	

.formHeader {
	clear: both;
	width: 100%;
	background: #B5CFD5;
	
}

.dojoTabPaneWrapper {
  overflow: auto;
}

#mainTabContainer{
	width: 98%;
	padding: 5px;
	margin: 2px;
	clear:both;
	height: auto;
}
	
.genericContent{
	height: 100%;
	min-height: 100%;
}

#previewTabContainer{
	width: 98%;
	padding: 5px;
	margin-top: 10px;
	clear: left;
	height:auto;
	}

.Trash{
	width:200px;
	height: 75px;
	background: url(../images/trashempty.gif);
	background-repeat:no-repeat;
}

.dojoTab{
	clear:none;
}

.section{
	width: 100%;
}

.save {
   width: 100%;
   text-align: center;
}

.sectionheader{
	text-align:left;
	border-bottom: 1px solid black;
}

.search{
font-weight: bold;
text-align:left;
padding-top: 5px;
}

form div fieldset legend.optional {
  font-size: 1em;
  font-weight: normal;
  color: #000000;
  padding-top:2px;
  padding-right:5px;
}





form div fieldset legend.required  {
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  padding: 0 5px;
}

form div.optional {
  float: left;
  left: 5px;
  margin: 5px;
}

form div.notes {
  float: left;
  margin: 5px;
}

form div.required{
   float: left;
   left: 5px;
   margin: 5px;
   font-weight: bold;
}



/* questiontable table */

table.questiontable {
	border-collapse: collapse;
	border: 1px solid #000000;
	color: #000;
	background: #fff;
	width: 100%;
	margin-top: 5px;
}
.questiontable caption {
	padding: 0 0.6em 0.8em;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	color: #000;
	background: transparent;
}
.questiontable td, th {
	border: 1px solid #000000;
	padding: 2px;
}
.questiontable thead th {
	border: 1px solid #000000;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	background: #ffffff;
}
.questiontable tfoot th, tfoot td {
	border: 1px solid #e0e0e0;
	text-align: left;
	font-size: 1em;
	background: #e8e8cf;
}
.questiontable tfoot th {
	font-weight: bold;
}
.questiontable tbody td a {
	background: transparent;
	color: #666699;
	text-decoration: underline;
}
.questiontable tbody td a:hover {
	background: transparent;
	color: #666699;
	text-decoration: underline;
}
.questiontable tbody th a {
	background: transparent;
	color: #666699;
	text-decoration: underline;
	font-weight: bold;
}
.questiontable tbody th a:visited {
	color: #666699;
}
.questiontable tbody th, tbody td {
	vertical-align: top;
	text-align: left;
}
.questiontable tfoot td {
	border: 1px solid #996;
}
.questiontable tbody tr:hover {
	background: #ffffd9;
}

   ul.yui-nav {
        zoom: 1;
    }
    ul.yui-nav:after {
       display: block;
       visibility: hidden;
       content: '.';
       height: 0;
       clear:both;
    }
 
    ul.yui-nav li {
        float: left;
        cursor: pointer;
        display: block;
        padding: .25em;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
        margin: .25em .25em -1px .25em;
        background-color: white;
        color: black;
        font-weight:bold;
        font-size: 1em;
    }

    ul.yui-nav li.selected a{
        background-color: #418109;
        color: white;
    }
    ul.yui-nav li.selected {
        background-color: #418109;
        color: white;
    }
    li.selected a em { 
    	display:block;
    	background-color: #418109;
        color: white;
    }

    ul.yui-nav li a {
        text-decoration: none;
        background-color: white;
        color: black;
        font-weight:bold;
    }
    
    ul.yui-nav li {
        text-decoration: none;
        background-color: white;
        color: black;
        font-weight:bold;
    }

   .yui-content {
		padding: 5px;
		margin: 2px;
		height: auto;
		border:1px solid black;
    }
   
	#sections .loading {
    background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}

/**************   DatePicker Style Definitions   ********************/


.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	width:200px;
	}




.dpTD {
	border: 1px solid #ece9d8;
	background-color: #CCCCCC;
	}


.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}

.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}

.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
.dpDiv {
	width:400;

}
	/*  */
	
.summarydiv {
  border: 1px dashed black;
  padding: 3px;
  margin: 3px;
  color: black;
  float:right;
}

#question_edit{
	margin: 10px;
}

legend {
font-weight:bold;
}

.onBorder {
	padding-top: 5;
	padding-bottom: 5;
	padding-left: 5;
}

.qtext{
  word-wrap:normal;
  padding-top:6px;
  float:left;
}


.search_suggest{
  border:1px solid black;
}

.suggest_link{


}

.suggest_link_over{
   background: #CCCCCC;
   color: black;
}

fieldset.visible{
	border: 1px solid gray;
	padding: 2px;
	margin-top:2px;
	margin-bottom:2px;
}

fieldset.header{
	border: 1px solid gray;
	clear: both;
	padding: 2px;
	margin-top:2px;
	margin-bottom:2px;
	display: block;
	float:none;
}

fieldset.header legend { 
	padding: 0.2em 0.5em;
	color:black;
	font-size:130%;
	text-align:right;
	font-weight:bold;
}

fieldset.noclass{
	width:auto;
	border:none;
	position:relative;
	float:left;
	display:block;
	}

fieldset.noclass legend{
	padding: 0.2em 0.5em;
	color:black;
	font-size:100%;
	font-weight:bold;
}

fieldset.ref{
	width:auto;
	float:none;
	border:none;
	}

fieldset.ref{
	padding: 0.2em 0.5em;
	color:black;
	font-size:100%;
	font-weight:bold;
}

.pointer{
	cursor:move;
}
.dragQ{
	width:100%;
	text-align:center;
	font-weight:bold;
}


.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px; padding:3px;}
.xsnazzy h1 {font-size:2.5em; color:#f8c400;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#f8c400; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #f8c400; border-right:1px solid #f8c400;}

.xb1 {margin:0 8px; background:#f8c400;}
.xb2 {margin:0 6px; background:#f8c400;}
.xb3 {margin:0 4px; background:#f8c400;}
.xb4 {margin:0 3px; background:#54749c; border-width:0 5px;}

.xb5 {margin:0 2px; background:#54749c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#54749c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#54749c; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#54749c; border:3px solid #f8c400; border-width:0 3px;}

table.referencetable{
	width:100%;
	border:1px solid #CCCCCC;
}

.referencetable thead tr{
	background: #418109;
	
}

.referencetable thead th {
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	background: #418109;
	color: white;
	padding-left:5px;
	padding-right:5px;
}

.referencetable tbody td {
	text-align: left;
	font-size: 1em;
	padding-left: 5px;
	padding-right:5px;
	border: 1px dashed #CCCCCC;
}

input{
		color:black;
   font-family: verdana;
   font-size:84%;
   font-weight:bold;
   background-color:WhiteSmoke;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;;	
}
.inputRadio{
	border: 0px;
background: WhiteSmoke;;
}

.inputCheckbox{
	border: 0px;
background: WhiteSmoke;;
}

.inputText{
	background: WhiteSmoke;
 font-size:100%;;	
	
}

.inputSelect{
		background: WhiteSmoke;
font-weight:bold;;	
}



.inputTextarea{
 	background: WhiteSmoke;;	
}