/*
 * FancyWindow
 * @author Karsten Rieger
 * copyright 2009 Karsten Rieger - http://www.tritium-design.de
*/

.clear{
    clear: both;
}
ul.linklist{
    list-style-type: none;
    float: left;
}
ul.linklist li{
    padding: 5px;
    background: white;
    border-bottom: 1px solid #ccc;
    margin-top: 2px;
}
/* #######################################
 * general window layout
 * ####################################### */
.fancyWindow{
    float: left;
    /*border: 1px dashed white;*/
    position: absolute;
}
.handle{
    cursor: move;
}
/*
 * window header
*/
.fancyWindow .header{
    width: 500px;
    height: 24px;
    float: left;
	font-family: Verdana;
	font-weight:bold;
	font-size:12px;
	color:#eeeeee;
}

.fancyWindow .header .center{
    height: 16px;
    position: relative;
    top: 6px;
    text-align: center;
	color: #ccc;
}

.fancyWindow .header .toggleToolbarButton{
    width: 25px;
    height: 15px;
    display: block;
    float: right;
    margin: 4px 0 0 0;
}

.fancyWindow .header .closeWindowButton {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 4px 0 0 0;
}

.fancyWindow .header .minimizeWindowButton {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin: 4px 5px 0 5px;
}

.fancyWindow .header .maximizeWindowButton {
    width: 15px;
    height: 15px;
    display: block;
    float: left;
    margin: 4px 0 0 0;
}

.fancyWindow .headerLeft{
    height: 24px;
    width: 12px;
    float: left;
}

.fancyWindow .headerRight{
    height: 24px;
    width: 12px;
    float: left;
}

/*
 * window toolbar
*/
.fancyWindow .toolbar{
    width: 500px;
    height: 29px;
    float: left;
}

.fancyWindow .toolbarLeft{
    height: 29px;
    width: 12px;
    float: left;
}

.fancyWindow .toolbarRight{
    height: 29px;
    width: 12px;
    float: left;
}

/*
 * window content
*/
.fancyWindow .content{
    background: #fff;
    width: 500px;
    float: left;
    padding: 0 8px 0 8px;
    min-width: 100px;
    min-height: 1em;
    overflow: auto;
}

.fancyWindow .contentLeft{
    width: 12px;
    height: 1em;
    float: left;
}

.fancyWindow .contentRight{
    width: 12px;
    height: 1em;
    float: left;
}

/*
 * window footer
 */
.fancyWindow .footer{
    width: 500px;
    height: 55px;
    float: left;
	font-family: Verdana;
	color: #eee;
	font-size:11px;
}

.fancyWindow .footerLeft{
    width: 12px;
    height: 55px;
    float: left;
}

.fancyWindow .footerRight{
    width: 12px;
    height: 55px;
    float: left;
}

.fancyWindow .statusbar{
    float: left;
    margin: 4px 0 0 0;
}
.fancyWindow .seizeWindowButton{
    width: 18px;
    height: 18px;
    background: transparent url(../img/windows/big/seizer.png) no-repeat center;
    display: block;
    float: right;
    margin: 20px 0 0 0;
    cursor: pointer;
}
/*
 * specific window designs
 */

/* ##################################
 *
 * apple style
 *
 * ################################## */
.fancyWindow.apple .footerRight{
    background: transparent url(../img/windows/big/footer_r.png) no-repeat top left;
}
.fancyWindow.apple .footerLeft{
    background: transparent url(../img/windows/big/footer_l.png) no-repeat top left;
}
.fancyWindow.apple .footer{
    background: transparent url(../img/windows/big/footer_c.png) repeat-x center;
}
.fancyWindow.apple .contentRight{
    background: transparent url(../img/windows/big/content_r.png) repeat-y top left;
}
.fancyWindow.apple .contentLeft{
    background: transparent url(../img/windows/big/content_l.png) repeat-y top left;
}
.fancyWindow.apple .toolbarRight{
    background: transparent url(../img/windows/big/content_r.png) repeat-y top left;
}
.fancyWindow.apple .toolbarLeft{
    background: transparent url(../img/windows/big/content_l.png) repeat-y top left;
}
.fancyWindow.apple .toolbar{
    background: transparent url(../img/windows/big/footer_c.png) repeat-x center;
}
.fancyWindow.apple .headerRight{
    background: transparent url(../img/windows/big/header_r.png) no-repeat top left;
}
.fancyWindow.apple .headerLeft{
    background: transparent url(../img/windows/big/header_l.png) no-repeat top left;
}
.fancyWindow.apple .header .maximizeWindowButton {
    background: transparent url(../img/windows/big/maximize.png) no-repeat center;
}
.fancyWindow.apple .header .maximizeWindowButton:hover {
    cursor: pointer !important;
    background: transparent url(../img/windows/big/maximize_hover.png) no-repeat center;
}
.fancyWindow.apple .header .minimizeWindowButton {
    background: transparent url(../img/windows/big/minimize.png) no-repeat center;
}
.fancyWindow.apple .header .minimizeWindowButton:hover {
    cursor: pointer !important;
    background: transparent url(../img/windows/big/minimize_hover.png) no-repeat center;
}
.fancyWindow.apple .header .closeWindowButton {
    background: transparent url(../img/windows/big/Remove.png) no-repeat center;
	
}
.fancyWindow.apple .header .closeWindowButton:hover {
    cursor: pointer !important;
    background: transparent url(../img/windows/big/Remove.png) no-repeat center;
}
.fancyWindow.apple .header .toggleToolbarButton{
    background: transparent url(../img/windows/big/toolbarToggle.png) no-repeat center;
}
.fancyWindow.apple .header{
    background: transparent url(../img/windows/big/header_c.png) repeat-x center;
}


/* ##################################
 *
 * deepblue style
 *
 * ################################## */
.fancyWindow.deepblue .footerRight{
    background: transparent url(../img/window/deepblue/footer_r.png) no-repeat top left;
}
.fancyWindow.deepblue .footerLeft{
    background: transparent url(../img/window/deepblue/footer_l.png) no-repeat top left;
}
.fancyWindow.deepblue .footer{
    background: transparent url(../img/window/deepblue/footer_c.png) repeat-x center;
}
.fancyWindow.deepblue .contentRight{
    background: transparent url(../img/window/deepblue/content_r.png) repeat-y top left;
}
.fancyWindow.deepblue .contentLeft{
    background: transparent url(../img/window/deepblue/content_l.png) repeat-y top left;
}
.fancyWindow.deepblue .content{
    color: white;
    background: #56616c url(../img/window/deepblue/contentBG.png) repeat-x top left;
}
.fancyWindow.deepblue .toolbarRight{
    background: transparent url(../img/window/deepblue/toolbar_r.png) no-repeat top left;
}
.fancyWindow.deepblue .toolbarLeft{
    background: transparent url(../img/window/deepblue/toolbar_l.png) no-repeat top left;
}
.fancyWindow.deepblue .toolbar{
    background: transparent url(../img/window/deepblue/toolbar_c.png) repeat-x center;
}
.fancyWindow.deepblue .headerRight{
    background: transparent url(../img/window/deepblue/header_r.png) no-repeat top left;
}
.fancyWindow.deepblue .headerLeft{
    background: transparent url(../img/window/deepblue/header_l.png) no-repeat top left;
}
.fancyWindow.deepblue .header .maximizeWindowButton {
    float: right;
    background: transparent url(../img/window/deepblue/maximize.png) no-repeat center;
}
.fancyWindow.deepblue .header .maximizeWindowButton:hover {
    cursor: pointer !important;
}
.fancyWindow.deepblue .header .minimizeWindowButton {
    float: right;
    background: transparent url(../img/window/deepblue/minimize.png) no-repeat center;
}
.fancyWindow.deepblue .header .minimizeWindowButton:hover {
    cursor: pointer !important;
}
.fancyWindow.deepblue .header .closeWindowButton {
    float: right;
    background: transparent url(../img/window/deepblue/close.png) no-repeat center;
}
.fancyWindow.deepblue .header .closeWindowButton:hover {
    cursor: pointer !important;
}
.fancyWindow.deepblue .header .toggleToolbarButton{
    display: none;
    background: transparent url(../img/window/deepblue/toolbarToggle.png) no-repeat center;
}
.fancyWindow.deepblue .header{
    background: transparent url(../img/window/deepblue/header_c.png) repeat-x center;
}
.fancyWindow.deepblue .header .center{
    color: white;
    font-weight: bold;
}

/* ##################################
 *
 * glas style
 *
 * ################################## */
.fancyWindow.glas .footerRight{
    background: transparent url(../img/window/glas/footer_r.png) no-repeat top left;
}
.fancyWindow.glas .footerLeft{
    background: transparent url(../img/window/glas/footer_l.png) no-repeat top left;
}
.fancyWindow.glas .footer{
    background: transparent url(../img/window/glas/footer_c.png) repeat-x center;
}
.fancyWindow.glas .contentRight{
    background: transparent url(../img/window/glas/content_r.png) repeat-y top left;
}
.fancyWindow.glas .contentLeft{
    background: transparent url(../img/window/glas/content_l.png) repeat-y top left;
}
.fancyWindow.glas .content{
    background: transparent url(../img/window/glas/contentBG.png) repeat-x top left;
}
.fancyWindow.glas .toolbarRight{
    background: transparent url(../img/window/glas/toolbar_r.png) no-repeat top left;
}
.fancyWindow.glas .toolbarLeft{
    background: transparent url(../img/window/glas/toolbar_l.png) no-repeat top left;
}
.fancyWindow.glas .toolbar{
    background: transparent url(../img/window/glas/toolbar_c.png) repeat-x center;
}
.fancyWindow.glas .headerRight{
    background: transparent url(../img/window/glas/header_r.png) no-repeat top left;
}
.fancyWindow.glas .headerLeft{
    background: transparent url(../img/window/glas/header_l.png) no-repeat top left;
}
.fancyWindow.glas .header .maximizeWindowButton {
    float: right;
    background: transparent url(../img/window/glas/maximize.png) no-repeat center;
}
.fancyWindow.glas .header .maximizeWindowButton:hover {
    cursor: pointer !important;
    background: transparent url(../img/window/mac/maximize_hover.png) no-repeat center;
}
.fancyWindow.glas .header .minimizeWindowButton {
    float: right;
    background: transparent url(../img/window/glas/minimize.png) no-repeat center;
}
.fancyWindow.glas .header .minimizeWindowButton:hover {
    cursor: pointer !important;
    background: transparent url(../img/window/mac/minimize_hover.png) no-repeat center;
}
.fancyWindow.glas .header .closeWindowButton {
    float: right;
    background: transparent url(../img/window/glas/close.png) no-repeat center;
}
.fancyWindow.glas .header .closeWindowButton:hover {
    cursor: pointer !important;
    background: transparent url(../img/window/mac/close_hover.png) no-repeat center;
}
.fancyWindow.glas .header .toggleToolbarButton{
    display: none;
    background: transparent url(../img/window/glas/toolbarToggle.png) no-repeat center;
}
.fancyWindow.glas .header{
    background: transparent url(../img/window/glas/header_c.png) repeat-x center;
}
.fancyWindow.glas .seizeWindowButton{
    margin: 2px 0 0 0;
}