/*
 *	Zen Wireframe 2.2 Business
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005-2008 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/3.0/
 */


/*******************/
/* Template Layout */
/*******************/

body {
margin:0;padding:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
color:#444;
background:#fff;
}

/***************************/
/* General element styles:*/
/***************************/

H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#333; }
INPUT, TEXTAREA { background-color:#fff; }
INPUT:hover, TEXTAREA:hover { background-color:#f5f5f5; }
INPUT:focus, TEXTAREA:focus { background-color:#fff; }

A { color:#008BCE; text-decoration:none; }
A:hover { color:#003399; text-decoration:underline; }

FORM { margin:0px; }
P, TD, UL, OL { font-size:12px; line-height:1.4em; color:#444; margin:0px  10px 10px 10px;}
input, textarea, select, textarea { font-family:arial, helvetica, sans-serif; color:#333; border:#ccc 1px solid; font-size:12px; margin:2px; }
ul { margin-left:8px;padding-left:0px;list-style-position:inside; }
label { margin:0px; }
fieldset { border:0px solid #fff }
legend { border:0px solid #fff; font-size:16px; color:#333 ; font-weight:bold; margin-left:-4px; }

/******************/
/* Headers, plain */
/******************/

H1 { font-size:22px; color:#008BCE ; font-weight:bold;}
H2 { font-size:18px; color:#008BCE ; font-weight:bold; }
H3 { font-size:16px; color:#333 ; font-weight:bold;}
H4 { font-size:14px; color:#333 ; font-weight:bold;}
H5 { font-size:12px; color:#008BCE ; font-weight:bold;}
H6 { font-size:10px; color:#008BCE ; font-weight:bold;}
H1, H2, H3, H4, H5, H6 { margin:0 10px 8px 10px; padding:0;}
H6 { margin:0 10px 4px 10px; padding:0;}

H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A, H6 A { color:#008BCE; text-decoration:none; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover, H6 A:hover { color:#003399; text-decoration:underline; }
H6 A { letter-spacing:-1px; }

/**********/
/* Images */
/**********/

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }


/***********************/
/* Page Content Frames */
/***********************/

/* Frame 1 */

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { clear:both; height:1%;  background-color:#f5f5f5; color:#008BCE; padding:2px 6px;}

DIV.csc-frame-frame1 { background-color:#fff; border:0px solid #ccc; padding:2px; margin:0px 0px 12px 0px; }

DIV.csc-frame-frame1 p { color:#000; padding:0px 6px; }

/* Frame 2 */
DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { clear:both; height:1%;  background-color:#fff; color:#333; padding:2px 6px;}

DIV.csc-frame-frame2 { padding:0px 0px 10px 0px; background:url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:10px; font-size:12px; }
DIV.contentframe3 p { color:#000; padding:0px 6px; }


/* Frame 3 */

/* See root (pid=1) Typoscript template and page TS to add new styles */

DIV.contentframe3 H1, DIV.contentframe3 H2, DIV.contentframe3 H3, DIV.contentframe3 H4, DIV.contentframe3 H5 { clear:both; height:1%;  background-color:#008BCE; clear:left; color:#fff; padding:2px 6px;}

DIV.contentframe3 { background-color:#fff; border:0px solid #ccc; padding:0px; margin:0px 0px 18px 0px; }

DIV.contentframe3 p { color:#000; padding:0px 6px; }


/* Center Mini Calendar */

DIV.center-mini-calendar { margin:0 auto;text-align:center; width:200px;}


/*************************/
/* Extension Styles */
/*************************/

.tx-felogin-pi1 .submit, .tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit  {
padding:4px;
width:130px;
margin-top:8px;
font-weight:bold;
}


/*************************/
/* KB Content Containers */
/*************************/

.kb-container {
float:left;
width:100%;
border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */
}

.kb-clearer {
clear:both;
height:2px;
width:auto;
}


/***********************/
/* 1column.html Styles */
/***********************/


/* 1column.html 2 Column Content Containers */

.kb2column-766-l {
width:364px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}

.kb2column-766-r {
width:364px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}


/* 1column.html 3 Column Content Containers */

.kb-3colwrapper-766-r {
width:500px;
float:right;
}

.kb3column-766-l {
width:230px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}

.kb3column-766-r {
width:230px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}


/* 1column.html 4 Column Content Containers */

.kb-4colwrapper-766-l {
width:360px;
float:left;
}
.kb-4colwrapper-766-r {
width:360px;
float:right;
}

.kb4column-766-l {
width:160px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}

.kb4column-766-r {
width:160px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}


/********************************/
/* 2column-style1/2.html Styles */
/********************************/


/* 2column-style1/2.html 2 Column Content Containers */

.kb2column-564-l {
width:268px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}

.kb2column-564-r {
width:268px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}


/* 2column-style1/2.html 3 Column Content Containers */

.kb-3colwrapper-564-r {
width:367px;
float:right;
}

.kb3column-564-l {
width:170px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}

.kb3column-564-r {
width:170px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}


/*2column-style1/2.html 4 Column Content Containers */

.kb-4colwrapper-564-l {
width:270px;
float:left;
}
.kb-4colwrapper-564-r {
width:270px;
float:right;
}

.kb4column-564-l {
width:120px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}

.kb4column-564-r {
width:120px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid;
}