
html{color:#000;background:#fff;}aside,body,caption,div,dl,dt,dd,header,footer,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,menu,nav,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}form{display:inline;}:focus{outline:0;}aside,footer,header,menu,nav{display: block}

abbr{
	cursor:		help;
}

button,
input[type="checkbox"],
input[type="radio"],
*[data-execute],
*[data-href],
*[data-sortable] *,
*[data-toggle],
*[data-toggle] *,
*[href],
.tab{
	cursor:		pointer;
}

*[data-sortable]:hover li{
	list-style-type: decimal;
}

*[data-help],
*[data-toggle]{
	background-position:	center left;
	background-repeat: 		no-repeat;
	padding-left:					15px;
} 

*[data-help]{
	background-image: 		url('../images/help.gif');
	text-decoration:			none;
}

*[data-toggle]{
	background-image: 		url('../images/collapse.gif');
} *[data-toggle]:hover{
	text-decoration:			underline;
}

*[data-toggle].toggled{
	background-image: 		url('../images/expand.gif');
}

.new:after{
	color:					red;
	content: 				'new!';
	font-size: 			60%;
	letter-spacing:	0.1em;
	margin-left:		0.3em;
	vertical-align: top;
}

a#home img{
	height: 0;
	width:	0;
}

body{
	font:	62.5%/1.4 helevetica, arial, sans-serif;
}

body, html, div#wrapper{
	height:				auto;
	min-height:		100%;
}

button.submit.call{
	font-size:		2.0em;
}

div#action{
	min-height:							500px;
	padding:								0.5em 0 1.0em 10px;
}

div#document div.comment{
	font-size:							1.2em;
}

div#identifier{	
	line-height:			1.1em;
	text-align:				center;
} div#identifier div#website{
	font-size:				1.3em;
	text-transform:		uppercase;
} div#identifier div#tagline{
	font-size:				1.0em;
	text-transform:		lowercase;
}

div#menuend a{
	color: #52493e;
}

div#wrapper{
	min-height:			100%;
}

em{
	font-weight: 		bold;
}

fieldset,
	fieldset legend{	
	border-style:			solid;
	border-width:			0;		
} fieldset legend{
	padding:					0.3em 0.5em;
} div#action fieldset{
	font-size:				1.2em;
	margin-top:				1.0em;
} 

fieldset label{
	font-weight:		bold;
  clear:         	left;
  display:       	block;
  float:        	left;
  font-weight:  	bold;    
  margin-right:		1.0em;
  vertical-align:	top;
  white-space:   	nowrap;
} fieldset label:after{
	content:					': ';
}	fieldset label.empty:after{
	content:					'';
} fieldset div.collection{
	float:					left;
	margin-bottom:	1.0em;
	margin-left:		0;
}

fieldset#personal img.avatar{
	float:						right;
	margin:						5px 5% 20px 20px;
}

footer{
	font-size:				1.2em;
}

form fieldset{
	background-color:	transparent;
} 

form .textinput{
	padding-left:			2px;				
}


h1, h2, h3, h4, h5, h6{
	font-weight:			bold;
}

h3,
h4{
	font-size:				1.2em;
	margin-top:				0.5em;
}


html{
	border-width: 0 0 0 0;
} html.dummy{
	border-left: 6px double red;
} html.debug{
	border-right: 6px double green;
}

img.avatar{
	border-style:			solid;
	border-width:			1px;
	padding:					1px; 
}	a img.avatar:hover{
	cursor:						pointer;
} img.avatar.text{
  vertical-align:  text-bottom;
}

img.captcha{
	vertical-align:		text-bottom;
}

img.support{
	height:						90px;
	width:						728px;
}

input.checkbox{
	vertical-align: 	text-top;
}

p{
	margin:						0.5em 0;
} div#action > p{
	font-size:				1.2em;
} p.alert{
	background-position:	4px 6px;
	background-image:			url('../images/alert.gif');
	background-repeat: 		no-repeat;
	padding:							0.5em;
	padding-left:					20px;
} p.notice{
	padding:					0.5em;
} fieldset p{
	margin-top:				1.0em;
} p.alert em{
	text-decoration:	underline;
}

ol.flat,
ol.flat li,
ul.flat,
ul.flat li{
	display:					inline;
	list-style-type: 	none;
} ol.flat li,
	ul.flat li{
	padding-right:		0.5em;
}

span.error.main{
	display:			block;
	font-size:		1.4em;
	font-weight:	bold;
	margin:				0.5em 0;
}

table td,
table th{
	padding:					2px 5px;
	vertical-align:		top;
} table img.avatar{
	vertical-align:		text-bottom;
}

div#action > ul{
  font-size:        1.2em;
} 

textarea{
  overflow:   auto;
}

ul#breadcrumb{
	padding-left:	0.5em;
} ul#breadcrumb li:before{
	content:      "\BB  "; 
	margin-left:	0.5em; 
} ul#breadcrumb li:first-child:before{
    content:    '';
}

ul.categories{
	display:	block;
} ul.categories li{
	display:	inline;
} ul.categories li:before{
	content:	', ';
} ul.categories li:first-child:before{
	content:	'';
}

.email,
.social{
	background-position:	center left;
	background-repeat:		no-repeat;
	padding-left:					15px;
  white-space:   				nowrap;
} .social.blog{
	background-image:			url(../images/social/12/blogger.png);
} .social.feed{
	background-image:			url(../images/social/12/feed.png);
} .social.linkedin{
	background-image:			url(../images/social/12/linkedin.png);
} .email{
	background-image:			url(../images/social/12/email.png);
}

span.redacted{
	background-color:			#000;
	color:								#000;
}

/* Calendar */

input.calendar{
	background-image:			url(../images/calendar.gif);
	background-position:	2px 2px;
	background-repeat:		no-repeat;
	padding-left: 				15px;
}

div.datepickerControl {
	padding:							5px;
	z-index:							10;
}

div.datepickerControl,
div.datepickerControl tr.monthLabel td,
div.datepickerControl tr.dayLabel td,
div.datepickerControl td.day, 
div.datepickerControl td.dayothermonth,
div.datepickerControl td.hour,
div.datepickerControl td.minute,
div.datepickerControl td.ampm,
td.datepickerControl td input,
td.datepickerControl td button{
	border-style:				solid;
	border-width:				1px;
}

div.datepickerControl td {
	text-align:						center;
	font-family:					sans-serif;
	font-size:						0.9em;
	padding:							1px;
}

div.datepickerControl tr.monthLabel td,
div.datepickerControl tr.dayLabel td,
div.datepickerControl td.today,
div.datepickerControl td.current{
	font-weight:					bold;
}

div.datepickerControl tr.navigation td,
div.datepickerControl td.day, 
div.datepickerControl td.dayothermonth,
div.datepickerControl td.hour,
div.datepickerControl td.minute,
div.datepickerControl td.ampm{
	cursor:								pointer;
}

div.datepickerControl tr.navigation td:hover {
	text-decoration:			underline;
}

div.datepickerControl td.day, 
div.datepickerControl td.dayothermonth,
div.datepickerControl td.hour,
div.datepickerControl td.minute,
div.datepickerControl td.ampm{
	width:								2.0em;
}

div.datepickerControl td.dayothermonth,
div.datepickerControl td.weekend{
	font-style:						italic;
}

div.datepickerControl td input,
div.datepickerControl td button {
	font-size:						0.9em;
	padding:							0;
	text-align:						center;
}
