/*
================================
Skin styles for DotNetNuke
abcGO! Skin Version .13
Copyright(c) 2007 by Walter Melis
================================
*/
.pagemaster
{
    width: 100%;
    height: 100%;
    background-color: #D0D0D0;
}
.skinmaster
{
    width: 853;
    height: 100%;
    background-color: #D0D0D0;
}
/*
================= HEADER
*/
.skinheader
{
    width: 100%;
    height: 159;
}
.skinheaderl
{
    width: 266;
    height: 159;
    background-image: url(header_bg_l.jpg);
}
.skinheaderc
{
    width: 100%;
    height: 159;
    background-image: url(header_bg_gradient.jpg);
    background-repeat: repeat-x;
}
.skinheaderr
{
    width: 521;
    height: 159;
    background-image: url(header_bg_r.jpg);
}
/* 
================= FOOTER
*/
.skinfooter
{
    width: 100%;
    height: 82;
}
.skinfooterl
{
    width: 266;
    height: 82;
    background-image: url(footer_bg_l.jpg);
}
.skinfooterc
{
    width: 100%;
    height: 82;
    background-image: url(footer_bg_gradient.jpg);
    background-repeat: repeat-x;
}
.skinfooterr
{
    width: 521;
    height: 82;
    background-image: url(footer_bg_r.jpg);
}
/*
================== CENTRAL
*/
.skincentral
{
    width: 853;
    height: 100%;
    background-color: #F4F4F4;
}
.skincentralleftborder
{
    width: 26;
    height: 100%;
    background-image: url(central_gradient_lborder.jpg);
    background-repeat: repeat-y;
}
.skincentrall
{
    width: 234;
    height: 100%;
    background-image: url(central_gradient_l.jpg);
    background-repeat: repeat-y;
}
.skincentralc
{
    width: 569;
    background-color: #F4F4F4;
}
.skincentralr
{
    width: 24;
    height: 100%;
    background-image: url(central_gradient_r.jpg);
    background-repeat: repeat-y;
}
/*
========================================= Extra Container
menu position (x=234)
*/
.skinmenucontainerall
{
    width: 234;
}
.menubottompanecontainer
{
    width: 234;
    height: 100%;
}
/*
========================================= PANES
*/
.controlpanel
{
    width: 100%;
    background-color: #FFF;
}
.toppane
{
    width: 100%;
    background-color: transparent;
    padding-left: 2px;
    padding-right: 6px;
    padding-top: 0px;
}
.leftpane
{
    width: 50%;
    background-color: transparent;
    padding-left: 2px;
    padding-right: 0px;
    padding-top: 0px;
}
.rightpane
{
    width: 50%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 6px;
    padding-top: 0px;
}
.contentpane
{
    width: 100%;
    background-color: transparent;
    padding-left: 2px;
    padding-right: 6px;
    padding-top: 0px;
}
.bottompane
{
    width: 100%;
    background-color: transparent;
    padding-left: 2px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.menubottompane
{
    width: 210;
    height: 100%;
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}
/*
================= POCKET PC MENU CONTAINER 
*/
.skinmenucontainertop
{
    width: 219;
    height: 37;
    background-image: url(pocketpc_menu_up.gif);
}
.skinmenucontainermiddle
{
    width: 219;
    height: 100%;
    background-image: url(pocketpc_menu_gradient.gif);
    background-repeat: repeat-y;
    padding-left: 14px;
}
.skinmenucontainerbottom
{
    width: 219;
    height: 71;
    background-image: url(pocketpc_menu_down.gif);
    
}
/*
================= TREEMENU
*/
.TreeViewMenu {
	width: 190px;
	background-color: transparent;
	border-right: 0px solid; 
	border-top: 0px solid; 
	border-left: 0px solid; 
	border-bottom: 0px solid;
}
.TreeViewMenu_Header {
	background-image: none;
}

/* ================================
style for buttons
================================ */
.StandardButton
{
    background: #D6D3CE none;
    color: #000;
    font-family: tahoma, arial, verdana;
    font-size: 11px;
    font-weight: normal;
}

/* ================================
style for module titles
================================ */
.Head
{
    font-family: tahoma, arial, verdana;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

/* ===============================
Admin Content Pane Titles and Control Panel text
================================== */
.SubHead
{
    color: #666;
}

/* ===============================
default text style used for the main content text
eg. used by the Text / HTML module 
================================== */
.Normal
{
    color: #000;
    font-family: tahoma, arial, verdana;
    font-weight: normal;
    font-size: 12px;
}
.microfont
{
    color: #949494;
    font-family: tahoma, arial, verdana;
    font-weight: normal;
    font-size: 9px;
}

/* ==============================
text style used for textboxes in the admin and edit pages
================================= */
.NormalTextBox
{
    font-family: tahoma, arial, verdana;
    font-weight: normal;
    font-size: 11px;
    color: #000;
}
.NormalRed
{
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
    color: #FF0000;
}
.NormalBold
{
    font-family: tahoma, arial, verdana;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}
/* ==============================
 Style for the following Skin Items (You can change the css class
associated with these objects in the skin.xml file)
- SkinItems -  Login and Register links, Breadcrumb, Copyright, Date,
- Help, Hostname, Privacy, Terms, Search
================================== */

/* This is the Date eg. any items that are not links */
.SkinItem
{
    color: #636563;
    font-family: tahoma, arial, verdana;
    font-weight: normal;
    font-size: 11px;
}
/* This sets the style for all skin items that are links */
A.SkinItem:link
{
    color: #636563;
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
}

A.SkinItem:visited
{
    color: #636563;
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
}

A.SkinItem:active
{
    color: #636563;
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
}

A.SkinItem:hover
{
    color: #FF0000;
    font-family: tahoma, arial, verdana;
    font-weight: bold;
    font-size: 11px;
}
/* =======================
 HTML Tag Styles to mix TEXT/IMAGES in txt/html module
=========================== */
.imageleftside img
{
    border: 1px solid #636563;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.imagerightside img
{
    border: 1px solid #636563;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}
.imageleftsidenoborder img
{
    border: 0px solid;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.imagerightsidenoborder img
{
    border: 0px solid;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}
.imageleftsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.imageleftsidecaption img
{
    border: 1px solid #636563;
    margin-bottom: 5px;
}
.imagerightsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.imagerightsidecaption img
{
    border: 1px solid #636563;
    margin-bottom: 5px;
}
.clear
{
    clear: both;
}