/*
	Demoncheese Stylesheet - W3C Standard Version
*/
body {
    background: #ffffff url(./../images/demoncheese_bg1.png) no-repeat fixed 0% 0%;
    margin: 0px;
    padding: 0px;
    color: #003366;
    font-size : 1em;
    font-family : Verdana, Arial, Helvetica, sans serif;
}

/*
	Initial Page Setting including Demoncheese.co.uk text
	* Font-size fix in here for IE but not actually required
*/
#page_body {
    background: transparent url(./../images/dctxt2.png) no-repeat scroll 100% 0%;
    margin: 0px;
    padding: 10px;
    font-size: 0.7em;
}

/*
	Central grey box
*/
div.content_body {
    clear: left;
    border: 1px solid #aaaaaa;
    padding: 10px;
    background: #eeeeee url(./../images/demoncheese_bg1lg.png) no-repeat fixed 0% 0%;
}

/***************************  LEFT CONTENT AREA PROPERTIES ***************************/
/*
	Sets width of left main content area
*/
div.content_element {
    margin: 0px 5px 5px;
    width: 75%;
}

/*
	White Heading Tab for main content areas
*/
div.content_heading {
    position: relative;
    bottom: -1px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    float: left;
    width: 30%;
    padding: 3px 10px;
    text-align: center;
    font-size: 1.2em;
    border-bottom: 1px solid transparent;
    background: #ffffff url(./../images/demoncheese_bg1w.png) no-repeat fixed 0% 0%;
    color: #aa0000;
}

/*
	White content text area
*/
div.content_text {
    clear: left;
    border: 1px solid #aaaaaa;
    padding: 5px;
    background: #ffffff url(./../images/demoncheese_bg1w.png) no-repeat fixed 0% 0%;
}

/***************************  RIGHT CONTENT AREA PROPERTIES ***************************/

/*
	Float to right and set width
*/
div.content_right {
    float: right;
    width: 23%;
}

/*
	Right Content Heading
*/
div.rcontent_heading {
    position: relative;
    bottom: -1px;
    border: 1px solid #aaaaaa;
    margin: 0px 5px;
    width: 50%;
    padding: 3px 10px;
    text-align: center;
    font-size: 1.2em;
    border-bottom: 1px solid transparent;
    background: #ffffff url(./../images/demoncheese_bg1w.png) no-repeat fixed 0% 0%;
    color: #aa0000;
}

/*
	Right content white text box
*/
div.rcontent_text {
    clear: left;
    border: 1px solid #aaaaaa;
    padding: 5px;
    background: #ffffff url(./../images/demoncheese_bg1w.png) no-repeat fixed 0% 0%;
}

/***************************  GENERAL FORMATING PROPERTIES ***************************/
/*
	Standard Headings
*/
div.heading {
    padding: 2px 0px;
    color: #aa0000;
}

h3 {
	margin-bottom: 0px;
}

h3 span {
	font-size: 0.85em;
	font-weight: normal;
}

.do_toggle {
	cursor: pointer;
}

/*
	Note text
*/
div.note {
    color: #666666;
    font-size: 0.9em;
    font-style: italic;
}

/*
	Image border
*/
img.border {
    padding: 1px;
    border: 1px solid #aaaaaa;
    margin: 5px;
}

/*
	Guestbook
*/
div.guestbook {
	border: 1px solid #aaaaaa; 
	padding: 5px; 
	margin: 5px; 
	width: 200px; 
	float: left; 
	background: #eeeeee url(./../images/demoncheese_bg1lg.png) no-repeat fixed 0% 0%;
}

/***************************  TOP MENU PROPERTIES ***************************/

/*
	Create menu tab framework
*/
div.menu {
    position: relative;
    bottom: -1px;
    border: 1px solid #aaaaaa;
    float: left;
    margin: 0px 2px;
    padding: 5px 20px;
    text-align: center;
    font-size: 1.2em;
}

/*
	The selected tab colours
*/
div.menu1_sub {
    border-bottom: 1px solid transparent;
    background: #eeeeee url(./../images/demoncheese_bg1lg.png) no-repeat fixed 0% 0%;
}

/*
	Unselected tab colours
*/
div.menu2 {
    background: #cccccc url(./../images/demoncheese_bg1g.png) no-repeat fixed 0% 0%;
}



/***************************  BOTTOM MENU PROPERTIES ***************************/

/*
	Bottom menu tab structure
*/
div.bot_menu {
    position: relative;
    top: -1px;
    border: 1px solid #aaaaaa;
    float: right;
    margin: 0px 2px;
    padding: 5px 20px;
    text-align: center;
    font-size: 1.2em;
}

/*
	Bottom menu select tab
*/
div.botmenu1_sub {
    border-top: 1px solid #eeeeee;
    background: #eeeeee url(./../images/demoncheese_bg1lg.png) no-repeat fixed 0% 0%;
}

/*
	Bottom menu unselected tab
*/
div.botmenu2 {
    background: #cccccc url(./../images/demoncheese_bg1g.png) no-repeat fixed 0% 0%;
}

/***************************  LINK PROPERTIES ***************************/

a { text-decoration: none; }
a:active { color: #666666; }
a:visited { color: #660066; }
a:link { color: #660066; }
a:hover { color: #666666; }

/***************************  FORM PROPERTIES ***************************/

input.button2 {
    background-color: transparent;
    color: #aa0000;
    font-weight: bold;
}

input, textarea {
    border: 1px solid #aaaaaa;
    padding: 3px;
    color: #660066;
    font-size : 1em;
    font-family : Verdana, Arial, sans serif;
    background-color: transparent;
}

select {
    border: 1px solid #aaaaaa;
    color: #660066;
    font-size : 1em;
    font-family : Verdana, Arial, sans serif;
    background-color: #ffffff;
}

/**************************  CUSTOM BACKGROUNDS *************************/

.bg-dev {
	background: transparent url( '/images/bgs/dev.png' ) bottom right no-repeat;
}
.bg-webmail {
	background: transparent url( '/images/bgs/webmail.png' ) bottom right no-repeat;
}
.bg-updates {
	background: transparent url( '/images/bgs/updates.png' ) bottom right no-repeat;
}
.bg-photos {
	background: transparent url( '/images/bgs/photos.png' ) bottom right no-repeat;
}
.bg-links {
	background: transparent url( '/images/bgs/links.png' ) bottom right no-repeat;
}

.bg-links {
	background: transparent url( '/images/bgs/links.png' ) bottom right no-repeat;
}

.bg-albums {
	background: transparent url( '/images/bgs/albums.png' ) bottom right no-repeat;
}


    ul#webpagePageErrors {
        margin: 0px 10px 10px;
        padding: 10px;
        border: 1px solid #ff0000;
        background-color: #ff9999;
        color: #000000;
    }
    
    ul#webpagePageErrors li {
        background: transparent url( '/images/controls/cancel2.png' ) top left no-repeat;
        padding-left: 20px;
        list-style: none;
        line-height: 1.3em;
    }
    
    ul#webpagePageMessages {
        margin: 0px 10px 10px;
        padding: 10px;
        border: 1px solid #00cc00;
        background-color: #ccffcc;
        color: #000000;
    }
    
    ul#webpagePageMessages li {
        background: transparent url( '/images/controls/accept.png' ) top left no-repeat;
        padding-left: 20px;
        list-style: none;
        line-height: 1.3em;
    }
    
    .webpagePageWarning {
        margin: 0px 10px 10px;
        padding: 10px;
        border: 1px solid #DA9A24;
        background-color: #FAEFD5;
        color: #000000;
    }
    
    .webpagePageWarning p {
        background: transparent url( '/images/controls/warning.png' ) top left no-repeat;
        padding-left: 20px;
        list-style: none;
        line-height: 1.3em;
    }

#timeline {
	overflow: auto; /* changed to hidden via JavaScript */
}

#timeline ul { /* the UL */
	padding-left: 0px;
}

.tl-events li {
	float: left; /* allows the lis to stack against eachother */
	width: 300px;
	list-style: none;
}

.tl-events img {
	float: left;
}

.tl-events div.photo {
	padding-top: 10px;
}


#photo-list li {
	list-style: none;
	width: 100px;
	height: 100px;
	float: left;
	text-align: center;
}



#photo-list li img.handle {
	cursor: move;
}



/*************************  END OF USED STYLESHEET **********************/


/*
	Main Right Padding
*/
/*
div.rcontent_element {
    margin: 0px 5px 5px;
}
*/

/*       NOT USED????
div.menu1 {
    border-bottom: 1px solid transparent;
    background: #ffffff url(./../images/demoncheese_bg1w.png) no-repeat fixed 0% 0%;
}
*/

/*   NOT USED ??????
input.button {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    padding: 5px;
}
*/

/* NOT NEEDED
input.login {
    border: 1px solid #aaaaaa;
}
*/



/*

div.content_body2 {
    clear: left;
    border: 1px solid #aaaaaa;
    border-bottom: 0px;
    padding: 10px;
    background: #ffffff url(./../images/demoncheese_bg1w.png) no-repeat fixed 0% 0%;
    height: 18px;
}

div.submenu_body {
    clear: left;
    border-top: 1px solid #aaaaaa;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    padding: 10px 0px;
    background: #eeeeee url(./../images/demoncheese_bg1lg.png) no-repeat fixed 0% 0%;
}

#site_map {
    clear: both;
    border: 1px solid #aaaaaa;
    border-top: 0px;
    padding: 10px;
    background-color: #eeeeee;
    font-size: 0.8em;
    background: #cccccc url(./../images/demoncheese_bg1g.png) no-repeat fixed 0% 0%;
}

div.small {
    font-size : 0.9em;
}

div.form {
    padding: 5px 0px;
}

div.form_body {
    margin: 0px 5%;
}

div.form_label {
    float: left;
    width: 100px;
}

.error {
    color: #cc0000;
}

.req {
    color: #ff8888;
}


.required {
    border: 1px solid #ff8888;
}

.unrequired {
    border: 1px solid #aaaaaa;
}

a { text-decoration: none; }
a:active { color: #666666; }
a:visited { color: #660066; }
a:link { color: #660066; }
a:hover { color: #666666; }

a.menu { text-decoration: none; }
a.menu:active { color: #999999; }
a.menu:visited { color: #ffffff; }
a.menu:link { color: #ffffff; }
a.menu:hover { color: #999999; }


*/