/*
 * Default component styling for Clixmaster Studio. 
 * Include this file in themes using:
 * @import url('../../../shared/css/clixmaster.css');
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

table, input, textarea, select, option
{
	/* IE fix */
	font-size: 100%;
}

blockquote 
{
	margin-left: 1.5em;
}

ol 
{
	list-style-type: decimal;
	margin-left: 1.5em;
}

/* input field labels */
.surveycontainer .q_opentext .question-text,
.surveycontainer .q_attachment .question-text,
.searchmodule label , .addreactionblock div.formholder label,
.addeventblock label, .small_loginblock label,
.editprofile_block label, .forgotpasswordblock label{
	float: left;
	clear: left;
	width: 140px;
}

.small_loginblock .login_panel_remember_radio{
	float:left;
	position:relative;
	clear:left;
	width:100%;
	display:block;
}

.small_loginblock .login_panel_remember_radio input{
	float:left;
}
	
.small_loginblock .login_panel_remember_radio label{
	clear:none;
	width:auto;
}
	
/* all input fields */
.input-text, .input-date, .input-housenum, 
.input-textarea, .input-file, .input-select{
	width: 300px;
	margin-bottom: 3px;
}

.input-checkbox{
	margin-bottom: 3px;
}

.input-textarea{
	height: 75px;
}

.input-date {
	width: 275px;
}

.input-housenum {
	width: 250px;
}

.input-text-small, .input-housenumsmall {
	width: 45px;
	margin-left: 2px;
}

/* tooltips */

acronym{
	display: inline-block;
	border-bottom: 1px dotted #0f730f;
}

/* tooltip style for autolinker */
.autolinkerTooltip{
	background-color:#f7fff7;
}

/* generic site tooltip - used for calendar now( and other modules that will need tooltip in the future to provide a consistent look - this is customizable)*/
.genericTooltip{	
    background-color:#e8e9f1;    
}

/* general tooltip style */
.tooltip{
    color: black;
    background-color: white;
    border: 1px solid black;
    padding: 3px;
    width: auto;    
}

/* articles */
.displayarticleblock p {
	margin: 1em 0;
}

.displayarticleblock p.first {
	margin: 0;
}

.displayarticleblock ul li {
	list-style-type: disc;
	margin-left: 1.5em;
}

.articlelistblock .clear {
	font-size: 0;
	clear: both;
}

.articlelistblock ul li {	
	margin-bottom: 1em;
}

.articlelistblock ul li img {
	float: left;
	margin: 2px 3px 0 0;
}

.articlelistblock .articlelist_thumbnail {
	font-size: 0px;
}

/* files */
.filelistblock ul li {
	list-style-type: disc;
	margin-left: 1.5em;
}

/* survey */
.surveycontainer .question-text 
{
}

.surveycontainer .surveyquestion 
{
	margin-bottom: 10px;
}

.surveycontainer .q_opentext
{
	margin-bottom: 0;
}

.surveycontainer .openquestiondate img
{
	vertical-align: top;
	margin-top: 5px;
}

.surveycontainer .q_multipleresponse label, 
.surveycontainer .q_multiplechoice label
{

}

.q_priority-headcolumn, .q_scale-centeredcolumn, .surveyquestion-column
{
	text-align: center;
}
.q_matrix-leftcolumn, .q_priority-leftcolumn
{
	text-align: left;
}

.q_scale-leftcolumn, .q_scale .leftcolumn, .q_priority-leftcolumn, .q_matrix-leftcolumn
{
	padding-right: 40px;
}

.q_matrix-centeredcolumn, .q_scale-centeredcolumn
{
	padding: 0 10px;
}
.q_priority-headcolumn 
{
	width: 60px;
}

.input-ftpmultipleselect 
{
	width: 210px;
	height: 120px;
}

.surveycontainer label 
{
	vertical-align: middle;
}
.q_multipleresponse .question-text  
{
	vertical-align: top;
}

/* search */
.searchmodule .currentPage{
	font-weight: bold;
}

.searchmodule .resultpath ul li{
	display: inline;
}

.searchmodule .paging-prev{
	margin-right: 40px;
}

.searchmodule .searchResultPage{
	margin-right: 15px;
	line-height: 40px;
}

.searchmodule .paging-next{
	margin-left: 30px;
}

.searchmodule .searchresult{
	margin-bottom: 10px;
}

/* sitemap */
.sitemapblock ul li{
	list-style-type: disc;
	margin-left: 1.5em;
}

.sitepathblock ul li{
	display: inline;
}

/* poll */
.pollblock ul li{

}

.pollblock ul li .result{
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.pollblock ul li .amount{
}

/* reactions */
.viewreactionsblock .rating{
	height: 20px;
}

.viewreactionsblock .reactionRanking{
	background: url('../images/star.gif') no-repeat left top;
	width: 16px;
	height: 16px;
	float: left;
	margin: 2px 0;
}

/* calendar*/
.calendartable{
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #ADD7FF;
	padding: 2px;
	margin: 1px;
}

.calendartable tr td{	
	height:60px;
	vertical-align:top;
	background-color:white;
}

/*week's day names*/

.calendartable tr.navigationrow td{
	background-color: #ADD7FF;
	height:10px;
	font-weight:bold;
	text-align:center;
}

.calendartable tr.daynamerow td {
	background-color: #eff7ff;
	height:10px;
	vertical-align:top;
	text-align:center;
}

.eventname{
	cursor:pointer;	
}

/*calendar header*/

.headtd a.navigationlink{
	padding: 2px;
}

.calendartable tr td.month{
	text-align: left;	
}

.calendartable tr td.year{
	text-align: right;
}

.eventscontainer{
	width: 80px;
	height: 60px;
	overflow:hidden;
}

.calendartable tr td.today{
	background-color:#eff7ff;		
	font-weight:bold;
}

a.toolbarBtnCalendar img{
	border: none;
	margin: 2px;
}

/* ticker */
.tickerblock .tickerspacer{
	width: 200px;
}

/* tags */
.relateditemsblock ul li,
.taggrouplistblock  ul li{
	margin-left: 1.5em;
	list-style-type: disc;
}

/* login */

/* Search module */
.searchresultsblock UL{
	list-style: none;
}
.searchresultsblock UL LI{
	padding-top: 8px;
}

.searchresultsblock .pages{
	padding-top: 14px;
}

/* tab component */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide { display: none; }
}
/* Hide useless elements in print layouts... */
@media print { .ui-tabs-nav { display: none; }
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 5px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a, * html .ui-tabs-nav a span { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

/* epaper2block: Standard height */
.epaper2block {
	height:540px;	
}