* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	background: #f7f7f7 url(../images/background.gif) repeat-x;
}

/* Styles */

a { color: #0088cc; text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border: none;}

p { margin: 0px 0px 20px 0px; line-height: 18px;}

ul { margin: 5px 0px 15px 0px; padding: 0px;}
li { margin-left: 20px;}

#notice {
	clear: both;
	margin: 0 0 15px;
	padding: 0 10px;
	background: #fffbcc;
	border: 1px solid #e6db55;
	line-height: 25px;
	color: #222;
}

#succeed {
	clear: both;
	margin: 0 0 15px;
	padding: 0 10px;
	background: #d1ecb8;
	border: 1px solid #81c445;
	line-height: 25px;
	color: #222;
}

#error {
	clear: both;
	margin: 0 0 15px;
	padding: 0 10px;
	background: #ffebe8;
	border: 1px solid #f0baa2;
	line-height: 25px;
	color: #222;
}

.clear { clear:both;}

/* Header */

#header {
	height: 45px;
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1280px;
	min-width: 760px;
}

#header h1 {
	float: left;
	font: bold 20px/21px Helvetica, Arial, sans-serif;
	line-height: 45px;
}

#header h1 a {
	color: #fff;
	text-decoration: none;
}

#header .menu {
	float: right;
	line-height: 45px;
}

#header .menu a {
	color: #fff;
}

/* Wrapper */

#wrapper {
	margin: 0 auto;
	padding: 25px 20px;
	max-width: 1280px;
	min-width: 760px;
}

#wrapper h2 {
	margin: 0 0 10px;
	font: bold 20px/21px Helvetica, Arial, sans-serif;
	color: #333;
}

.box {
	margin: 0 0 20px;
	padding: 15px 15px 0 15px;
	border: 1px solid #e8e8e8;
	background: #fff;
	position: relative;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 222px;
	position: relative;
}

/* Navigation */

.navigation {
	margin: 0 0 20px;
	background: #fff;
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}

.navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigation ul li {
	margin: 0;
	padding: 0 15px;
	border-top: 1px solid #e8e8e8;
	background: url(../images/navigation-off.gif) repeat-x;
	line-height: 24px;
	height: 100%;
	display: block;
	font-size: 12px;
}

.navigation ul li a {
	color: #666;
	height: 100%;
	width: 100%;
	display: block;
}

.navigation ul li.active {
	background: url(../images/navigation-on.gif) repeat-x;
}

.navigation ul li.active a {
	color: #fff;
}

.navigation ul li a {
    color: #666;
    height: 100%;
    width: 100%;
    display: block;
}

.navigation ul li ul {
	margin: 5px 0;
}

.navigation ul li ul li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	border: none;
	background: none;
}

.navigation ul li ul li a {
	color: #0088cc;
}

/* Search */

#search-form {
	height: 33px;
}

.search-input {
	border: 1px solid #d2d2d2;
	width: 133px;
	height: 12px;
	padding: 3px 5px;
	position: absolute;
	font-size: 11px;
}

.search-submit {
	left: 160px;
	position: absolute;
}

/* Blog */

#blog li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#blog li h4 {
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: normal;
}

#blog li h4 abbr {
	font-size: 10px;
	color: #999;
	border: none;
}

/* Content */

#content {
/*	padding-left: 240px; */
}

#content h3 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	color: #222;
	font-size: 16px;
	border-bottom: 1px dotted #d2d2d2;
}

#content h4 {
	margin: 0 0 15px;
	color: #222;
	font-size: 14px;
}

/* Pagination */

.pagination {
	text-align: right;
	display: block;
	margin: 0 0 15px;
	font-weight: bold;
	position: relative;
}

.pagination ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	color: #222;
}

.pagination ul li a {
}

/* Footer */

#footer {
	background: #fff;
	border: 1px solid #e8e8e8;
	padding: 15px;
	height: 12px;
	clear: both;
}

#footer .left { float: left;}
#footer .right { float: right;}






/* CALENDAR */
.calendar {
    background-color: transparent;
}
.calheading {
    background-color: #F7F7F7;
    color: #000000;
    background-image: url(../images/navigation-off.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.calnavleft {
    background-color: #F7F7F7;
    background-image: url(../images/navigation-off.gif);
    background-repeat: repeat-x;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
    cursor: pointer;
}
.calnavright {
    background-color: #F7F7F7;
    background-image: url(../images/navigation-off.gif);
    background-repeat: repeat-x;
    font-size: 10px;
    font-weight: bold;
    text-align:  right;
    padding: 4px;
    cursor: pointer;
}
.caldayheading {
    
    color: #fff;
    background-image: url(../images/navigation-on.gif);
    background-repeat: repeat-x;
    font-size: 10px;
    text-align: center;
    padding: 6px 2px 6px 2px;
}
.caldaycells{
    color: #000;
    background-color: #FFFFFF;
    
    font-size: 10px;
    text-align: center;
    padding: 4px;
    border: 1px #E0E5F1 solid;
    cursor: pointer;
}
.caldaycellhover{
    color: #FFFFFF;
    background-color: #66D9FF;
    
    font-size: 10px;
    text-align: center;
    padding: 4px;
    border: 1px #B3BCD4 solid;
    cursor: pointer;
}
.caldayselected{
    background-color: #444444;
    color:    #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border: 1px #566188 solid;
    padding: 3px;
    cursor: pointer;
}
.calblanktop {
    background-color: #fff;
    padding: 4px;
}
.calblankbot {
    background-color: #fff;
    padding: 4px;
}
.error-box {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url(../images/error.png);
}
.info-box {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url(../images/success.png);
}
#years_vac_graph div.xAxis div.tickLabel 
{    
    transform: rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */
    /*rotation-point:50% 50%;*/ /* CSS3 */
    /*rotation:270deg;*/ /* CSS3 */
}
.show_hide {
    float: right;
    color: blue;
    cursor: pointer;
}

.legend table td {
	border-bottom: none;
	padding: 2px;
}

.legend table {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;

    border-spacing: 5px;
}