/*
default.css

This stylesheet contains all the style classes defined in Sinc8
*/

.registrationerror
{
	color: #ff0000;
}

.registrationform
{
	font-size: 11px;
	padding: 5px;
	margin-left: 10px;
	margin-top: 10px;
}

.smalltext
{
	font-size: 10px;
}

.redborder
{
	border: 1px solid #8F0A05;
}


a.calendarsmall
{
	color: #999999;
	font-weight: 700;
	font-size: 9px;
}

a.calendarsmall:hover
{
	color: #333333;
	font-weight: 700;
	font-size: 9px;
	text-decoration: none;
}

a.highlighted
{
	color: #ffffff;
}

a.sidebox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

div#s8_statshome
{
	padding: 10px;
}

form.sinc8
{
}

form.sinc8 p
{
	padding: 5px;
}

form.sinc8 label
{
	width: 150px;
	display: inline;
	float: left;
}

form.sinc8 input
{
	display: inline;
	float: right;
}

form.sinc8 input.hidden
{
	display: none;
}

h1.sinc8
{
	font-size: 15px;
	color: #333333;
	padding: 5px;
	float: none;
	display: block;
}

img
{
	border: none;
}

img.tinypic
{
	border: 1px solid #999999;
	padding: 3px;
	background-color: #ffffff;
}


input, textarea
{
	border: solid 1px #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

input.sidebox, textarea.sidebox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

input.sideboxsubmit
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-color: #eeeeee;
}

input.sidelogin
{
	font-size: 10px;
	background-color: #AC311F;
	color: #ffffff;
	border: none;
}

select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*
manage pages
*/
div#managepages
{
    border: 1px solid #ffffff;
    height: 500px;
    background-color: #eeeeee;
}

div#managepages ul
{
    display: block;
    list-style: none;
    background-color: #bbbbbb;
    padding: 0px;
    margin: 0px;
}

div#managepages div#contents
{
    width: 300px;
    float: left;
    background-color: #bbbbbb;
    color: #333333;
    border: none;
    height: 500px;
    overflow: auto;
}

div#managepages div#contents p
{
    height: 21px;
    padding: 5px 0px 0px 5px;
    vertical-align: middle;
    font-size: 12px;
    margin: 0px;
}

div#managepages div#contents ul li
{
    padding: 5px;
    background-color: #eeeeee;
    border-bottom: 1px dashed #bbbbbb;
    color: #333333;
    margin-left: 5px;
}

div#managepages div#contents ul li a
{
    color: #333333 !important;
    text-decoration: none;
    font-weight: 400;
}

div#managepages div#contents ul li:hover
{
}

div#managepages div#contents ul li a:hover
{
    text-decoration: none;
    color: #C72B29 !important;
}

div#managepages div#contents ul li:hover ul.imagelist
{
    /*
    display: block;
    */
}

div#managepages div#contents ul.imagelist
{
    list-style: circle;
    list-style-position: inside;
    margin-top: 8px;
}

div#managepages div#contents li#li_managepages
{
    border: none;
}

div#managepages div#pagemenu
{
    height: 26px;
    width: auto;
    background-color: #ffffff;
    border-bottom: 1px dashed #dddddd;
    top: 0px;
}

div#managepages div#pagemenu ul
{
    list-style: none;
    width: 100%;
}

div#managepages div#pagemenu ul li
{
    list-style: none;
    padding: 3px;
    float: left;
    padding: 5px;
}

div#managepages div#pagemenu ul li a
{
    display: block;
    color: #333333;
    text-decoration: none;
}

div#managepages div#pagemenu ul li:hover
{
    background-color: #AB4040;
}

div#managepages div#pagemenu ul li:hover a
{
    display: block;
    color: #ffffff;
}

div#managepages div#pagedata
{
    height: 374px;
    width: 150px;
    overflow: auto;
    background-color: #eeeeee;
    top: 0px;
    float: right;
}

div#managepages div#pagedata div#imgdata_accessdetails
{
    color: #444444;
    text-align: right;
    font-weight: 400;
}

div#managepages div#pagedata div#imgdata_accessdetails
{
    font-weight: 400;
}

div#managepages div#pagedata ul
{
    color: #333333;
    width: auto;
    background-color: #eeeeee;
}

div#managepages div#pagedata ul li
{
    padding: 5px;
    padding-left: 10px;
    font-weight: 700;
    background-color: #eeeeee;
    border-bottom: 1px solid #bbbbbb;
}

div#managepages div#pagedata ul li span
{
    font-weight: 400;
}

div#managepages div#pagedetails
{
    height: auto;
    width: auto;
    overflow: auto;
    background-color: #eeeeee;
    bottom: 0px;
}

div#managepages div#pagedetails div#deletepagelink
{
    text-align: right;
    padding: 5px;
}

div#managepages div#pagedetails ul
{
    color: #333333;
    width: auto;
    background-color: #eeeeee;
}

div#managepages div#pagedetails ul li
{
    padding: 5px;
    padding-left: 10px;
    font-weight: 700;
    background-color: #eeeeee;
}

div#managepages div#pagedetails ul li span
{
    font-weight: 400;
}


/*
end manage pages
*/

/*
page settings
*/

div#pagesettings_template
{
    margin: 10px 0px; 
    padding: 10px;
    clear: both;
    background-color: #666666;
    display: block;
    width: 460px;
}

div#pagesettings_templatemenu ul
{
    list-style: none; 
    margin: 0px; 
    padding: 0px;
}

div#pagesettings_templatemenu ul li
{
    float: left;
    padding: 5px 20px 5px 5px;
    margin: 0px;
    color: #333333;
}

div.pagesettings_templateinfo
{
    clear: both;
    width: 450px;
    height: 200px;
    border: 2px solid #dddddd;
    background-color: #ffffff;
    padding: 3px;
    color: #333333;
    overflow: auto;
}

div.pagesettings_templateinfo ul
{
    list-style: none; 
    margin: 0px; 
    padding: 0px
}

div.pagesettings_templateinfo ul li
{
    width: 100%;
    clear: both;
    border-top: 1px solid #666666;
}

div.pagesettings_templateinfo ul li div
{
    padding: 5px;
    color: #666666;
    clear: both;
    width: auto;
}

div.pagesettings_templateinfo ul li ul
{
    width: 440px;
    list-style: none; 
    margin: 0px; 
    padding: 0px
}

div.pagesettings_templateinfo ul li ul li
{
    width: 190px;
    padding: 5px;
    clear: none;
    border-top: none !important;
    overflow: hidden;
    float: left;
}

div.pagesettings_templateinfo ul li ul li.col1
{
    height: auto;
    width: 200px;
    padding: 5px;
    clear: none;
    border-bottom: none !important;
    overflow: hidden;
    background-color: #eeeeee;
    margin-left: 0px !important;
}

/*
start preview page
*/
div#pagesettings_previewmessage
{
    width: 90%;
    border: 1px solid #666666;
    background-color: #ffffff;
    color: #333333;
    height: 40px;
    overflow: auto;
    padding: 5px;
}

div#pagesettings_previewmessage strong
{
    font-weight: 700;
    font-size: 12px;
}

div#pagesettings_previewmessage ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#pagesettings_previewmessage ul li
{
    float: left;
}
/*
end preview page
*/

/*
end page settings
*/

table.calendarsmall
{
	border: 1px solid #666666;
	background-color: #ffffff;
	z-index: 50;
}

table.calendarsmallbackground
{
	border: 1px solid #cccccc;
	font-size: 10px;
	background-color: #eeeeee;
}

table.calendarlarge
{
	border: 1px solid #bbbbbb;
	background-color: #f0f0f0;
	padding: 5px;
	width: 100%; 
	height: 100%;
}

table.calendarlargebackground
{
	border: 1px solid #bbbbbb;
	font-size: 10px;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

table.sidebox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

td.calendarlarge
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	color: #666666;	
	cursor: pointer;
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge:hover
{
	padding: 5px;	
	background-color: #aaaaaa;
	color: #ffffff;	
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge-active
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	background-color: #edf9fe;
	border: 1px solid #5cb1d3;
	color: #5cb1d3;	
	cursor: pointer;
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge-active:hover
{
	padding: 5px;	
	background-color: #5cb1d3;
	color: #ffffff;	
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge-conflicts
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	background-color: #ffeeee;
	border: 1px solid #c52523;
	color: #c52523;	
	cursor: pointer;
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge-conflicts:hover
{
	padding: 5px;	
	background-color: #c52523;
	color: #ffffff;	
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge-heading
{
	text-align: center;
	padding: 5px;
	color: #666666;
	background-color: #eeeeee;
	border: 1px solid #eeeeee;
	font-weight: 700;
	cursor: default;
	font-size: 12px;
	height: 30px;
	width: 14.3%;
}

td.calendarlarge-selected
{
	text-align: left;
	vertical-align: top;
	padding: 5px;
	background-color: #c8f6da;
	border: 1px solid #08967a;
	color: #08967a;	
	cursor: pointer;
	font-size: 11px;
	width: 14.3%;
}

td.calendarlarge-selected:hover
{
	padding: 5px;	
	background-color: #08967a;
	color: #ffffff;	
	font-size: 11px;
	width: 14.3%;
}

td.calendarsmall
{
	text-align: center;
	padding: 5px;
	background-color: #ffffff;
	color: #666666;	
	cursor: pointer;
	font-size: 9px;
}

td.calendarsmall:hover
{
	text-align: center;
	padding: 5px;	
	background-color: #cccccc;
	color: #ffffff;	
	font-size: 9px;
}

td.calendarsmall-active
{
	text-align: center;
	padding: 5px;
	/*
	color: #666666;
	background-color: #eeeeff;
	border: 1px solid #ccccff;
	*/
	color: #5cb1d3;
	background-color: #edf9fe;
	border: 1px solid #edf9fe;
	font-weight: 700;
	cursor: default;
	font-size: 9px;
}

td.calendarsmall-active:hover
{
	text-align: center;
	padding: 5px;	
	background-color: #5cb1d3;
	color: #ffffff;	
	font-size: 9px;
}

td.calendarsmall-heading
{
	text-align: center;
	padding: 5px;
	color: #666666;
	font-weight: 700;
	cursor: default;
	font-size: 9px;
}

td.calendarsmall-selected
{
	text-align: center;
	padding: 5px;
	color: #c52523;
	background-color: #ffeeee;
	border: 1px solid #c52523;
	font-weight: 700;
	cursor: default;
	font-size: 9px;
}

td.sidebox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

table.formBackground
{
	background-color:#eeeeee;
	border: 1px solid #666666;
	font-size: 10px;
}

td.formBackground
{
	background-color:#eeeeee;
	font-size: 10px;
}

tr.calendarsmall
{
}

tr.darkStripe
{
	background-color:#dddddd;
}

tr.disabledStripe
{
	background-color: #999999;
	color: #FFFFFF;
}

tr.highlightedStripe
{
	background-color: #999999;
	color: #FFFFFF;
}

tr.lightStripe
{
	background-color:#eeeeee;
}

tr.warningStripe
{
	background-color: #ffeeee;
	color: #c52523;
}