/* BODY */
  
	body {
	
		font-family:				Tahoma, Verdana, Arial;
		font-size:				  12px;
		color:              #404090;

		padding:				    0px;
		margin:					    0px;

	}

	* html body {

		text-align:				center;

	}



	/* LINK STYLE */

  a {

  	color: #404090;
  	text-decoration: none;
  	
  }
  
  a:hover {
  
  	color: #404090;
  	text-decoration: underline;
  	
  }



/* HIDDEN ITEMS */

	.noScreen {

		display:				none;

	}



/* FORM STYLE */

	form {

		padding:				0px;
		margin:					0px;

	}
	
	form fieldset {
    
    clear:          both;
    
    border:         1px solid #BBBBBB;
    
    padding:        0px 10px 10px 10px;
    margin: 0 0 15px 0;
  
  }
  
  form fieldset legend {
    
    font-size:      14px;
    font-weight:    bold;
    font-style:     italic;
    color:          #000000;
    
    padding:        0px 3px 10px 3px;
    
  }
  
  form fieldset div {
    
    clear:          both;
    
    padding:        3px 0px;
  
  }
  
  form fieldset div label {
    
    display:        block;
    float:          left;
    width:          150px;
    
    text-align:     right;
    
    padding:        3px 20px 0px 0px;
  
  }
  
  form fieldset div div {
    
    float:          left;
    clear:          none;
  
  }

  form fieldset div div label {
    
    display:        inline;
    float:          none;
    width:          auto;
    
    text-align:     left;
    
    padding:        0px 0px 0px 5px;
  
  }
  
  form fieldset div input.short {
  
    width:          100px;
  
  }

  form fieldset div input.medium {
  
    width:          200px;
  
  }

  form fieldset div input.long {
  
    width:          400px;
  
  }
  
  form fieldset div textarea {
    
    width:          780px;
    height:         150px;
    
    overflow:       auto;
  
  }

  form fieldset div textarea.small {
    
    height:         70px;
  
  }

  form fieldset div textarea.cms {
    
    width:          700px;
    height:         250px;
    
    overflow:       auto;
  
  }
  
  form div.buttons {
    
    padding:        10px;
  
  }
  
  form div.buttons input {
    
    padding:        1px 10px;
    
    margin:         0px 3px 0px 0px;
  
  }
  
  ul.error {
    
    padding:    0px 0px 5px 0px;
    
    font-size:  14px;
    color:      #000000;
    font-weight:bold;
    

  
  }
  
  ul.error li {
    
    margin:     5px;
    padding:    10px;
    
    display:    block;
    
    border:     1px solid #FF0000;
    background: #FFCCCC;
  
  }
  
  


/* HEADLINES */
  
  h2 {
    
    font-size:    20px;
    font-weight:  normal;
	
    margin:       0px;
    padding:      10px 0px 10px 10px;
    
    float:        left;
    
    width:        78%;
  
  }
  

  h3 {
    
    margin:           0px;
    padding:          10px 0px 10px 0px;
    
    font-size:        16px;
    font-weight:      normal;

  }
  

  h4 {
    
    margin:           5px 0px 5px 0px;
    padding:          0px 0px 0px 10px;
    
    font-size:        18px;
    font-weight:      normal;
    
    border-bottom:    1px solid #9E9EC3;
  
  }


/* PARAGRAPHS */

  p {
  
    text-indent:    10px;
    line-height:    150%;
    
    padding:        0px;
    margin:         15px 0px;
  
  }
  
  
/* IMAGES */

  img {
    
    padding:      0px;
    margin:       0px;
    border:       none;
  
  }


/* TABLE */

  table {
    
    font-size:        0.9em;
    border-collapse:  collapse;
    border:           1px solid #9E9EC3;
    
    margin:           0px;
    padding:          0px;
    
    clear:            both;
  
  }
  
  table tr.odd {
  
  	background: #FFFFFF;
  	
  }
  
  table tr.even {
  
  	background: #EEF2FF;
  	
  }
  
  table td {
    
    text-align: left;
    padding:    5px;
    border:     1px solid #9E9EC3;
    
  }
  
  table td.center {
    
    text-align: center;
  
  }
  
  table td a {
    
    text-decoration:  underline;
  
  }

  table td a:hover {
    
    text-decoration:  none;
  
  }
  
  table th {
    
    text-align:   left;
    padding:      5px;
    border:       1px solid #9E9EC3;
    
    background:   #D1D4ED;
  
  }
  
  table.cms {
    
    width:      100%;
    
    position:   relative;
  
  }
  
  table.dump {
    
    width:      none;
    
    margin:     0px 1%;
  
  }
  
  table.dump th, table.cms th {
    
    text-align: center;
  
  }
  
  table tr.control td {
    
    background: #A9AFDE;
    color:      #404090;
    
    padding:    2px;
  
  }
  
  table tr.control td form {
    
    padding:    0px;
    margin:     0px;
    
    float:      right;
    
  }
  
  table tr.control td form select {
    
    padding:    0px;
    margin:     0px;
  
  }
  
  table tr.control td form input {
  
  	font:        bold 12px Tahoma Verdana Arial Helvetica sans-serif;
  	
  	color:       #404090;
  	background:  #E4E6F4;
  	
  	height:      20px;
  	width:       140px;
  
  }
	

/* LOGIN FORM */

  form.loginForm {
  
    padding:      0px;
    margin:       0px;
  
  }

  form.loginForm fieldset {
  
    width:          230px;
    
    padding:        10px 10px 13px 12px;
    margin:         0px;
    
    border:         1px solid #CCCCCC;
    
  }

  form.loginForm fieldset div {
  
    padding:        2px 5px;
    margin:         0px;
    
    clear:          both;
  
  }

  form.loginForm fieldset div label {
    
    padding:        3px 0px;
    margin:         0px;
    
    display:        block;
    float:          left;
    
    width:          100px;
    
    color:          #000000;
  
  }
  
  form.loginForm fieldset div.itemButton {
  
    padding:        10px 0px 0px 0px;
    margin:         0px;
    
    text-align:     left;
  
  }
  
  form.loginForm fieldset div.itemButton input {
  
    width:              100px;
    padding:            4px 6px;
    
    border:             1px dotted #CCCCCC;
    
    text-transform:     uppercase;
    
    font-size:          12px;
    
    background:         #F2F2F2;
  
  }

  form.loginForm fieldset div input.long {
    
    width:        500px;
  
  }

  form.loginForm fieldset div input.medium {
    
    width:        250px;
  
  }

  form.loginForm fieldset div input.short {
    
    width:        100px;
  
  }
  

/* ADMIN LAYOUT */

  div.main {
    
    width:      100%;
    margin:     0 auto;
    text-align: left;
    
  }
  
  div.header {
    
    height:     90px;
    color:      #FFFFFF;
  	background: url('../images/admin/header.gif') top left repeat-x;
  
  }
  
  div.header a.logotype {
    
    width:      86px;
    height:     77px;
    
    display:    block;
    float:      left;
    
    position:   relative;
    
    top:        0px;
    left:       5px;
    
    background: url('../images/admin/logo.gif') top left no-repeat;
  
  }
  
  div.header a.logotype span {
  
    display:    none;
  
  }
  
  div.header h1 {
    
    padding:      0px;
    margin:       0px;
    
    position:   relative;
    width:      400px;
    
    top:        30px;
    left:       10px;
	
    font-size:    18px;
    font-weight:  normal;
    
  }
  
  div.header p {
    
    font-size:  12px;
    
    margin:     0px;
    padding:    0px;
    
    position:   relative;
    width:      400px;
    
    top:        25px;
    left:       0px;
  
  }
  
  div.header div.userWindow {
    
    float:      right;
    
    right:      15px;
    top:        15px;
    
    position:   relative;
    
    text-align:   right;
    line-height:  150%;
    
  }
  
  div.header a, div.header a:hover {
  
    color:  #FFFFFF;
    
  }
  
  ul.menu {
    
    background: url('../images/admin/menu.gif') top left repeat-x;
    
    padding:          0px;
    margin:           0px 0px 2px 0px;
    
    list-style-type:  none;
    
    height:           21px;
    
    color:            #FFFFFF;
    font-weight:      bold;
    
  }
  
  ul.submenu {
  
    list-style-type:  none;

    padding:          0px;
    margin:           0px 0px 2px 0px;

    height:           21px;

    color:            #404090;
    font-weight:      bold;

    border-bottom:    1px solid #E8E8F4;

  }
  
  ul.menu li {
    
    padding:      0px;
    margin:       0px;
    
    float:        left;
    
    border-right: 1px solid #FFFFFF;
  
  }
  
  ul.submenu li {
    
    padding:      0px;
    margin:       0px;
    
    float:        left;
    
  }

  ul.menu li a {
    
    display:      block;
    
    width:        100px;
    height:       14px;
    
    padding:      3px 0px 4px 0px;
    margin:       0px;
    
    text-decoration:  none;
    
    text-align:   center;
    
    color:        #FFFFFF;
  
  }
  
  ul.menu li a.active, ul.menu li a.active:hover, ul.menu li a:hover {
    
    color:            #FFFFFF;
    text-decoration:  underline;
  
  }

  ul.submenu li a {
    
    display:      block;
    float:        left;
    
    height:       14px;
    
    padding:      3px 10px 4px 10px;
    margin:       0px;
    
    color:            #404090;
    text-decoration:  none;
  
  }
  
  ul.submenu li a:hover, ul.submenu li a.active {
    
    text-decoration:  underline;
  
  }

  div.window {
    
    float:        left;
    
    width:        78%;
    
    padding:      0px 0px 0px 10px;
    margin:       0px;
  
  }
  
  div.window div.add {
    
    float:        right;
    
    padding:      3px 0px 0px 0px;
    
  }
  
  div.window div.add a {
  
    padding:      0px;
    margin:       0px;
  
  }
  


/* CMS TREE */
  
  div.cmsTree {
    
    padding:  0px 0px 10px 0px;
    margin:   0px;
    width:    20%;
    height:   550px;
    
    float:    left;
    
    border:       1px solid #9E9EC3;
    border-left:  none;
    
    overflow:     auto;
    
  }
  
  div.cmsTree h2 {
    
    font-size:    12px;
    font-weight:  bold;
    text-align:   center;
    
    display:    block;
    width:      100%;
	
    background: #9E9EC3;
    color:      #FFFFFF;
    
    padding:    2px 0px;
    margin:     1px 0px 5px 0px;
  
  }
  
  div.cmsTree div {
    
    width:    250px;
    
  }

  div.cmsTree img.spinner {
    
  	display:       none;
  	position:      absolute !important;
  	
  	margin-left:   0px !important;
  	
  	border:        none !important;
  	z-index:       1000;
  	
  	background:    #FFFFFF;
  
  }
  
  div.cmsTree ul {
    
    padding:      0px 0px 0px 18px;;
    margin:       0px;
    border:       none;
    
    list-style-type:  none;
  
  }
  
  div.cmsTree ul li {
    
    padding:      4px 0px 0px 0px;
    margin:       0px;
  
  }
  
  div.cmsTree img {    
    
    float:      left;
    
    padding:    0px 4px 0px 0px;
    margin:     0px;
    
    border:     none;
  
  }
  
  div.cmsTree img.folder {
    
    padding:    0px 5px 0px 0px;
    
  }
  
  div.cmsTree a.active {
    
    text-decoration:  underline;
    
  }


/* FOLDS */

  ul.foldsMenu {
    
    height:             25px;
    
    list-style-type:    none;
    
    padding:            0px;
    margin:             15px 0px 0px 0px;
    
  }
  
  ul.foldsMenu li {
    
    float:    left;
  
  }
  
  ul.foldsMenu li a {
    
    margin:     0px 5px 0px 0px;
    padding:    5px 10px;
    
    display:    block;
    
    border:           1px solid #D1D4ED;
    border-bottom:    none;
    
    background:       #D1D4ED;
  
  }
  
  ul.foldsMenu li a:hover {
    
    background:       #EAEBF7;
    text-decoration:  none;
  
  }
  
  ul.foldsMenu li a.active {
    
    background:       #FFFFFF;
    
  }
  
  div.fold {
    
    clear:        both;
    width:        96%;
    
    border:       1px solid #D1D4ED;
    
    padding:      1% 2%;
  
  }
  
  * html div.fold {
    
    width:        100%;
  
  }



/* FLASH MESSAGES */

  div.error, div.warning, div.info {
    
    clear:      both;
    
    margin:     10px;
    padding:    10px;
    
    color:      #000000;
    
  }
  
  div.error h5, div.warning h5, div.info h5 {
  
    margin:     0px;
    padding:    0px 0px 5px 0px;
    
    font-size:  14px;
    color:      #000000;
    font-weight:bold;
  
  }
  
  div.error {
    
    border:     1px solid #FF0000;
    background: #FFCCCC;
  
  }

  div.warning {
    
    border:     1px solid #FFFF00;
    background: #FFFFB3;
  
  }
  
  div.info {
    
    border:     1px solid #00FF00;
    background: #CCFFCC;
  
  }


/* DIARY ADMIN CALENDAR */


  table.calendar {
    
    border:           1px solid #AAAAAA;
    border-collapse:  collapse;
  
  }
  
  table.calendar td {
    
    border:     1px solid #AAAAAA;
    
    padding:    0px;
  
  }
  
  table.calendar td a {
    
    display:    block;
    
    text-align: center;
    
    padding:    7px;
    
    text-decoration:  none;
    color:            #000000;
  
  }
  
  table.calendar td.weekend a {
    
    background-color: red;
  
  }

  table.calendar td#current a {
    
    background-color: yellow;
  
  }

  table.calendar td.title {
    
    padding:    10px 0px;
    
    text-align: center;
    
  }
  
  table.calendar td.title a {
    
    display:    inline;
  
  }