/* -------------------------------------------- */
/* 		Tabs buttons			*/
/* -------------------------------------------- */

div#menu{float:left;padding-top:0px; margin-bottom:20px; background: #FFF;border-bottom: 1px solid #AAF;}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{margin-left: 0px;width:500px}
ul#nav li{float:left;margin-right: 3px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 3px 0;background: #DDD; text-decoration:none;color: #666; font-size: 11px;}
ul#nav a:hover{background: #BBB;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #AAF;color: #003}

/* -------------------------------------------- */
/* 		Standard tags			*/
/* -------------------------------------------- */

*{
	margin:0;
	padding:0;
}

/* font-family:"frutiger linotype","lucida grande",helvetica,arial,sans-serif;*/

body{
	font-family: helvetica,arial,sans-serif;
	text-align:center;
	color:#44698C;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* TinyMCE specific rules */
body.mceContentBody {
	text-align:left;
	padding: 5px;
}

/* General Style Info */

a{
	color:#777777;
	text-decoration:none;
}

a:hover{
	color:#003d4c;
	cursor: pointer;
}

a img{
	border:none;
}

h1{
	cursor: default;
	text-align: left;
	color:#FFF;
	font-family: inherit;
	font-size: 1.5em;
	font-weight:bold;
}

h2{
	color:#FFF;
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	cursor: default;
}

h3{
	color:#666;
	text-align: left;
	font-size: 1em;
	cursor: default;
}

div {
	clear: both;
}

p {
	margin: 0px;
	clear: both;
}

hr {
	border: 0;
	color: #CCC;
	background-color: #CCC;	
	height: 1px;
}
    
legend{
	color:#777;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

/* -------------------------------------------- */
/* 		Welcome page			*/
/* -------------------------------------------- */

.generalHeader {
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #00C7C0;
	color: #00C7C0;
}

.albumHeader {
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #00F802;
	color: #00F802;
}

.memoHeader {
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #FFD400;
	color: #FFD400;
}

.meetingHeader {
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #B288DA;
	color: #B288DA;
}

.messageHeader {
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #FFD400;
	color: #FFD400;
}

.linkHeader {
	margin-bottom: 10px; 
	padding-bottom: 3px; 
	border-bottom: 1px solid #00F802;
	color: #00F802;
}

.headerMenuOption {
	margin-top: 0px;
	text-align: right;
}

#generalDescription, #generalDescription .sb-inner { background:#00C7C0; }
#meetingDescription, #meetingDescription .sb-inner { background:#B288DA; }
#albumDescription, #albumDescription .sb-inner { background:#00F802; }
#memoDescription, #memoDescription .sb-inner { background:#FFD400; }
#messageDescription, #messageDescription .sb-inner { background:#00F802; }
#linkDescription, #linkDescription .sb-inner { background:#00F802; }

/* -------------------------------------------- */
/* 		Common page format		*/
/* -------------------------------------------- */

table.commonFormat {
	width: 100%;
	margin-left: 0px;
	margin-right: 10px;
	height: 400px;
}

td.commonFormatLeft {
	width: 150px;
	padding-right: 20px;
	border-right: 1px solid #CCC;
}

td.commonFormatRight {
	padding-left: 30px;
	text-align: left;
}

/* -------------------------------------------- */
/* 		Table list       		*/
/* -------------------------------------------- */

table.list {
	background-color: #F2F2F2;
}

table.list th {
	padding: 5px;
	background-color: #CCC;
	color:#666;
	font-size: 12px;
	font-weight:normal;
}

table.list td {
	padding: 5px;
	background-color: #FFF;
	color:#666;
	font-size: 11px;
	font-weight:normal;
}

/* -------------------------------------------- */
/* 			Menu			*/
/* -------------------------------------------- */

table.postnav{
	width: 100%;	
	text-align: left;
	margin: 0;
	padding: 0px;   
    	background: #FFF;
	border-bottom: 2px solid #66F;
}

table.postnav td{
	margin: 0;
	padding: 0px;   
	padding-right: 3px; 
	width: 9em;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
}

table.postnav a{
	display:block;
	padding: 3px;   
	padding-left: 10px; 
	padding-right: 10px; 
	margin-bottom: 0px;
    	background: #BBF;
    	color: #FFF;
    	text-decoration:none;
}

table.postnav span{
	display:block;
	padding: 3px;   
	padding-left: 10px; 
	padding-right: 10px; 
	margin-bottom: 0px;
    	background: #66F;
    	color: #FFF;
    	text-decoration:none;
}

table.postnav a:hover{
	background: #BBB;
    	color: #FFF;
}   
    
br {clear: both; }


/* -------------------------------------------- */
/* 		Warning blocks			*/
/* -------------------------------------------- */

.notificationBlock { 	
	padding: 5px;
	background-color: #EEF;
	border: 1px solid #00F;
	margin-bottom: 20px;
}

.notificationBlock h1 {
	cursor: default;
	text-align: left;
	color:#00F;
	font-size: 12px;
	font-weight:bold;
}

.notificationBlock h2 {
	color:#666;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	cursor: default;
	margin-top: 5px;
}


/* -------------------------------------------- */
/* 	Image blocks for presentation pages	*/
/* -------------------------------------------- */


.imageBlock {
	border: 1px solid #CCC;
	padding: 0px;
}

.thumbImageBlock {
	float: left;
	margin-right: 10px;
	border: 3px solid #FFF;
}

/* -------------------------------------------- */
/* 	      Navigation buttons		*/
/* -------------------------------------------- */

div.commonFormatMenuBox {
	background-color: #F2F2F2;
	margin: 0px;
	padding: 5px;
	border: 1px solid #E2E2E2;
}

div.menuButton {
	margin: 0px;
	padding: 0px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #99F;
}

div.menuButton a {
	display:block;
	padding: 3px;   
	padding-left: 10px; 
	padding-right: 10px; 
    	background: #DDD;
    	color: #555;
	font-size: 11px;
    	text-decoration:none;
}

div.menuButton a:hover {
    	color: #FFF;
	background-color: #BBB;
} 

div.menuButtonBack {
	margin: 0px;
	padding: 0px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #99F;
}

div.menuButtonBack a {
	display:block;
	padding: 3px;   
	padding-left: 10px; 
	padding-right: 10px; 
    	background: #DDD;
    	color: #555;
	font-size: 11px;
    	text-decoration:none;
}

div.menuButtonBack a:hover {
    	color: #FFF;
	background-color: #BBB;
} 




/*-------------------------- Window Detail --------*/

.detailWindow {
	width: 100%;
}

.detailWindowTitleWhite {
	cursor: default;
	text-align: center;
	color:#FFF;
	font-family: inherit;
	font-size: 18px;
	font-weight:bold;
	text-align: left;
	padding-left: 10px;
}

.detailArea {
	padding: 10px;
	background-color: #F2F2F2;
	text-align: left;
}

.boxArea {
	border: 1px solid #CCC;
	padding: 5px;
	background-color: #F5FAFE; 
}

.summaryAreaList {
	text-align: left; 
	background-color: #F2F2F2; 
	padding: 10px; 
}


.editArea {
	border: 0px solid #ccc; 
}


.area {
	margin-left: 5px;
	margin-right: 5px;
	padding: 5px;
	text-align: left;
	background-color: #FFF;
}

.areaButtons {
	text-align: right;
	margin-top : 10px;
}
	
/* -------------------- Detail Box ------------------*/

.detailBoxMenuBar {
	text-align: left;
	vertical-align: middle;
	height: 16px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: 1px solid #ccc;
}

.detailBoxTitle {
	float: left;
	vertical-align: middle;
	font-weight:bold;
	color:#777777;
	font-size: 11px;
}

/* ---------------------------------------------- */
/* 		 Thumbs and icons                 */
/* ---------------------------------------------- */

.activeIcon {
	cursor: pointer;
	color:#00F;
	font-size: 11px;
	font-weight:normal;
	padding: 2px;
	text-decoration:underline;
}

.activeIcon:hover {
	color:#FFFFFF;
	background-color: #9999FF;
}

.activeIconBig {
	cursor: pointer;
	color:#55F;
	font-size: 14px;
	font-weight:bold;
	vertical-align: baseline;
	text-decoration:underline;
	padding: 3px;
}

.activeIconBig:hover {
	color:#FFFFFF;
	background-color: #9999FF;
}

.activeIconVeryBig {
	cursor: pointer;
	color:#FFF;
	font-size: 18px;
	font-weight:bold;
	vertical-align: middle;
	padding-top: 0px;
}

.activeIconVeryBig:hover {
	color:#FFFFFF;
	background-color: #9999FF;
}


.thumb {
	background-color: #FFFFFF;
	border: 0px solid #ccc;
	padding: 1px;
}

/* ---------------------------------------------- */
/* 	      Edit in place form styles           */
/* ---------------------------------------------- */

.editInPlaceForm {
	margin-top: 10px;
}

.inplaceeditor-form-short {
	width: 100px;
}

.editor_field {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 0px solid #CCC;
	border-right: 0px solid #CCC;
	color:#00F;
	background-color: #EEE;
	font-size: 11px;
	font-weight:normal;
	padding: 2px;
	vertical-align: bottom;
	font-family: arial;
	overflow-y: auto;
	width: 100%;
	margin-bottom: 10px;
}

.editor_ok_button {
	display: inline;
	font-size: 12px;
	font-weight:bold;
	color:#FFF;
	background-color: #0DDD17;
	text-align: center;
	cursor: pointer;
	border: 1px solid #99F;
	margin-bottom: 1px;
	vertical-align: baseline;
	margin: 2px;
}

.editor_cancel, .editor_cancel_link  {
}

/* ---------------------------------------------- */
/* 		Text formating                    */
/* ---------------------------------------------- */

.familyGendaText {
	color: #0000FF; 
	font-family: Comic Sans MS; 
	font-size: 26px; 
	font-style: italic;
	font-weight:bold;
	cursor: default;
}

.familyGendaTextNormal {
	color: #0000FF; 
	font-family: Comic Sans MS; 
	font-size: 18px; 
	font-weight:bold;
	cursor: default;
}

.bigText {
	color:#888;
	font-size: 14px;
	font-weight:normal;
	cursor: default;
}

.bigTextBold {
	color:#888;
	font-size: 14px;
	font-weight:bold;
	cursor: default;
}

.normalTextBold {
	color:#666;
	font-size: 11px;
	font-weight:bold;
	cursor: default;
}

.normalTextBlue {
	color:#00F;
	font-size: 11px;
	font-weight:bold;
	cursor: default;
}

.normalTextBoldWhite {
	color:#FFF;
	font-size: 11px;
	font-weight:bold;
	cursor: default;
}

.normalTextBoldBlue {
	color:#00F;
	font-size: 11px;
	font-weight:bold;
	cursor: default;
}

.normalText {
	color:#444;
	font-size: 11px;
	font-weight:normal;
	cursor: default;
}

.normalTextBlue {
	color:#00F;
	font-size: 11px;
	font-weight:normal;
	cursor: default;
}

.normalTextGreen {
	color:#55BB55;
	font-size: 11px;
	font-weight:normal;
	cursor: default;
}


.normalTextUnderline {
	color:#777777;
	font-size: 11px;
	text-decoration:underline;
}


.largeText {
	color:#444;
	font-size: 13px;
	text-align: left;
	cursor: default;
}

.largeTextBlue {
	color:#00F;
	font-size: 13px;
	text-align: left;
	cursor: default;
}

.largeTextWhite {
	color:#FFF;
	font-size: 13px;
	text-align: left;
	cursor: default;
}

.largeTextBold {
	color:#666;
	font-size: 13px;
	font-weight:bold;
}

.largeTextBoldWhite {
	color:#FFF;
	font-size: 13px;
	font-weight:bold;
	cursor: default;
}

.smallTextBold {
	cursor: default;
	color:#444;
	font-size: 10px;
	font-weight:bold;
	cursor: default;
}

.smallTextBoldGreen {
	cursor: default;
	color:#55BB55;
	font-size: 10px;
	font-weight:bold;
	margin-bottom: 0.2em;
	cursor: default;
}

.smallTextBoldWhite {
	cursor: default;
	color:#FFFFFF;
	font-size: 10px;
	font-weight:bold;
	margin-bottom: 0.2em;
}

.smallTextBoldBlack {
	cursor: default;
	color:#FFFFFF;
	font-size: 10px;
	font-weight:bold;
	margin-bottom: 0.2em;
	cursor: default;
}

.smallTextBoldRed {
	cursor: default;
	color:#FF0000;
	font-size: 10px;
	font-weight:bold;
	margin-bottom: 0.2em;
	font-style: italic;
	cursor: default;
}

.smallTextBoldBlue {
	cursor: default;
	color:#0000FF;
	font-size: 10px;
	font-weight:bold;
	margin-bottom: 0.2em;
	font-style: italic;
	cursor: default;
}

.smallText {
	color:#666;
	font-size: 10px;
	margin-bottom: 0.2em;
}

.fieldHelp {
	cursor: default;
	color:#777777;
	font-size: 11px;
	margin-top: 5px;
	margin-left: 0px;
	font-style: italic;
	cursor: default;
}

.warning_message {
	color:#3A3;
	font-size: 11px;
	font-weight:normal;
	cursor: default;
}


/* ---------------------------------------------- */
/* 		      Agenda                      */
/* ---------------------------------------------- */

.agendaHourCellTitle { 
	border: 0px solid #FFFFFF;
	width: 20px;
	text-align: right;
	background-color: rgb(0, 255, 255);
	font-size: 90%;
	font-weight:bold;
	z-index: 10;
}

.agendaColumnTitle { 
	cursor: pointer;
	text-align: left;
	background-color: rgb(210, 210, 210);
	font-size: 13px;
	font-weight:bold;
	color: #777;
	position: absolute;
	z-index: 10;
}

.agendaColumnTitleWeekend { 
	cursor: pointer;
	text-align: left;
	background-color: rgb(190, 190, 190);
	font-size: 13px;
	font-weight:bold;
	color: #FFF;
	position: absolute;
	z-index: 10;
}

.agendaColumnTitleToday { 
	cursor: pointer;
	text-align: left;
	background-color: #FED500;
	font-size: 13px;
	font-weight:bold;
	color: #00F;
	position: absolute;
	z-index: 10;
}

.agendaMeeting { 	
	cursor: pointer;
	text-align: left;
	background-color: rgb(200, 200, 255);
	font-size: 11px;
	font-weight:normal;
	color: #00F;
	position: absolute;
	z-index: 30;
	overflow: hidden;
}

.agendaMeeting:hover { 	
	background-color: #DDD;
}

.agendaTableZeroPosition {
	position: absolute;
}

.agendaHourCell { 
	text-align: center;
	font-size: 80%;
	font-weight:bold;
	position: absolute;
	z-index: 5;
}

.agendaCell { 
	cursor: pointer;
	text-align: left;
	background-color: #DDF;
	font-size: 80%;
	font-weight:bold;
	position: absolute;
	z-index: 5;
}

.agendaCell:hover { 
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: rgb(151, 151, 255);
}

.agendaCellWeekend { 
	cursor: pointer;
	text-align: left;
	background-color: rgb(190, 190, 190);
	font-size: 80%;
	font-weight:bold;
	position: absolute;
	z-index: 5;
}

.agendaCellWeekend:hover { 
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: rgb(151, 151, 255);
}

.agendaCellOutOfMonth { 
	cursor: pointer;
	text-align: left;
	background-color: #EEF;
	font-size: 80%;
	font-weight:bold;
	position: absolute;
	z-index: 5;
}

.agendaCellOutOfMonth:hover { 
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: rgb(151, 151, 255);
}

.agendaCellOutOfMonthWeekend { 
	cursor: pointer;
	text-align: left;
	background-color: rgb(200, 200, 200);
	font-size: 80%;
	font-weight:bold;
	position: absolute;
	z-index: 5;
}

.agendaCellOutOfMonthWeekend:hover { 
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	background-color: rgb(151, 151, 255);
}

.agenda { 
	padding:10px;
	border: 0px solid #ccc;
	width: 400px;
	text-align: left;
	background-color: rgb(151, 151, 255);
}


/* ---------------------------------------------- */
/* 			Calendar                  */
/* ---------------------------------------------- */

.timeslotCell { 
	cursor: pointer;
	padding:2px;
	border: 0px solid #000000;
	width: 15px;
	height: 15px;
	text-align: center;
	background-color: rgb(160, 160, 255);
	font-size: 80%;
	font-weight:bold;
}



/* ---------------------------------------------- */
/* 			Layout                    */
/* ---------------------------------------------- */

#container{
	text-align:left;
}

#header{
	margin-top: 0em;
	padding: 4px 10px;
}

#content{
	clear:both;
	padding: 0px 5px 0px 5px;
}

#footer{
	clear:both;
	padding: 6px 10px;
	text-align: right;
}


/* ---------------------------------------------- */
/* 			Tables                    */
/* ---------------------------------------------- */

table {
	border-top: 0px solid #ccc;
	border-left: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
	border-right: 0px solid #ccc;
	clear:both;
	white-space: normal;
}

th {
	background-color: #e2e2e2;
	border-top: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #003d4c;
	border-bottom: 0px solid #003d4c;
	text-align: center;
	padding:0px;
}

table tr td {
	vertical-align:top;
}

table tr.altRow td {
	background: #f4f4f4;
}

table td.actions {
	white-space: nowrap;
}

#cakeSqlLog td {
	text-align: left;
	padding: 4px 8px;
	background: #fff;
	border-bottom: 2px solid #ccc;
}

/* ---------------------------------------------- */
/* 		Notices and errors                */
/* ---------------------------------------------- */

.notification{
	background-color: #DDDDFF;
	padding: 10px;
	color:#444;
	font-size: 11px;
	font-weight:normal;
	cursor: default;
}

#flashMessage, .error {
	color:#00F;
	background-color: #FFF;
	border: 2px solid #CCC;
	font-size: 12px;
	padding: 5px;
	margin-bottom: 20px;
}

.error_message {
	color:#060;
	font-size: 11px;
	margin-top: 5px;
}

.error em {
	font-size: 18px;
	color: #003d4c;
}

.notice {
	color: #666666;
	font-size: 11px;
	padding: 0.5em;
	margin: 1em 0;
	display:block;
}

.tip {
	color: #656565;
	background-color: #ddd;
}

/* ---------------------------------------------- */
/* 	  	Value list screens                */
/* ---------------------------------------------- */

.labelCell {
	color:#777;
	font-size: 11px;
	font-weight:normal;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 10px;
}

.valueCell {
	border-bottom: 1px solid #CCC;
	color:#00F;
	font-size: 11px;
	font-weight:normal;
	padding: 2px;
	vertical-align: bottom;
	font-family: arial;
	overflow: auto;
	padding-bottom: 0px;
}

/* ---------------------------------------------- */
/* 		       Forms                      */
/* ---------------------------------------------- */

.formLabelCell {
	color:#777;
	font-size: 11px;
	font-weight:normal;
	vertical-align: top;
	padding-top: 4px;
	padding-right: 10px;
}

.formLabelCellBig {
	color:#00F;
	font-size: 14px;
	font-weight:bold;
	vertical-align: top;
	padding-top: 2px;
	padding-right: 10px;
}

.formFieldCell {
	vertical-align: bottom;
	padding-bottom: 5px;
}

.inputText {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 0px solid #CCC;
	border-right: 0px solid #CCC;
	color:#00F;
	background-color: #EEE;
	font-size: 11px;
	font-weight:normal;
	padding: 2px;
	vertical-align: bottom;
	font-family: arial;
	overflow-y: auto;
}

.inputSelect {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 0px solid #CCC;
	border-right: 0px solid #CCC;
	color:#00F;
	background-color: #EEE;
	font-size: 11px;
	font-weight:normal;
	padding: 1px;
	vertical-align: bottom;
	font-family: arial;
}

.inputCheckbox {
	color:#00F;
	background-color: #EEE;
	vertical-align: bottom;
	text-align: left;
}

.formButton {
	display: inline;
	font-size: 11px;
    	background: #DDD;
    	color: #555;
    	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #99F;
	margin-bottom: 1px;
}

.formButton:hover {
	background-color: #BBB;
}

fieldset {
	border:1px solid #CCCCCC;
	padding:10px;
}


/* ---------------------------------------------- */
/* 	Autocomplete lines                        */
/* ---------------------------------------------- */

div.auto_complete {
    position         :absolute;
    width            :250px;
    background-color :white;
    border           :1px solid #CCC;
    margin           :0px;
    padding          :2px;
}

li { 
    display:block;
    background-color: #EEEEFF; 
}

li.selected { 
    background-color: #AAAAFF; 
}