/* 
    Document   : stylesheet
    Created on : 02.11.2009, 13:38:30
    Author     : Mantus
    Description:
        Stylesheet for the WP-PManager Plugin, specialy for the JScript Tab-Control
*/

/* Everything about Fonts */
#pmanager-small-font
{
    font-weight:normal;
    font-size:6pt;
}

.color
{
   border: 1px solid black;
}

.pmanager_toggle_button
{
    position:relative;
    right:0px;
    top:0px;
    float:right;
    display:block;
    width:20px;
    height:24px;
    margin:0px 2px;
}

.pmanager_toggle_button:hover
{
    background:url(../collapse.png);
}

/* Contains the entire tabbed section */
.pmanager_tabcontrol
{
    width:99%;
    margin:0;
    padding:0;
}

.pmanager_tabbed
{
    width:99%;
    border:1px solid #494e52;
    background-color:#636d76;
    margin:auto;
    padding: 5px;
}

/* List of tabs */
.pmanager_tabbed ul.tabs {
    margin:0px;
    margin-top:5px;
    margin-bottom:8px;
    padding:0px;
}

.pmanager_tabbed ul.tabs li {
    list-style:none;
    display:inline;
    margin:0;
    padding:0;
}
.pmanager_tabbed ul.tabs li a {
    background-color:#464c54;
    color:#ffebb5;
    padding:8px 14px 8px 14px;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    border:1px solid #464c54;
}
.pmanager_tabbed ul.tabs li a:hover {
    background-color:#2f343a;
    border-color:#2f343a;
}
.pmanager_tabbed ul.tabs li a.active {
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}

/* The content shown when a tab is selected */
.pmanager_tabbed div {
    display: block;
    height: 500px;
    margin: 0;
    overflow-y: auto;
    background-color:#ffffff;
    border:1px solid #464c54;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
    padding:5px;
}

.pmanager_tabbed .TabsArea {
    margin:0 25px;
    padding:0px;
    overflow:hidden;
    border:none;
}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.pmanager_tabbed div.t2, .pmanager_tabbed div.t3, .pmanager_tabbed div.t4 {
    display: none;
}

/* Content for inside your tabs' divs */
.pmanager_tabbed div ul {
}
.pmanager_tabbed div p {
}
.pmanager_tabbed div div {
}

/* Contains the Sortable Columns Section */
.groupWrapper
{
	width: 32%;
	float: left;
	margin-right: 1%;
	min-height: 400px;
        background:#fff;
        border:1px solid #ddd;
}

.groupItem
{
        margin:5px;
	margin-bottom: 20px;
        border:1px solid #ddd;
}
.groupItem .itemHeader
{
	line-height: 28px;
	/*background-color: #DAFF9F;*/
	border-top: 2px solid white;
        background:url(../images/bg.png) repeat-x;
	color: #000;
	padding: 0 10px;
	cursor: move;
	font-weight: bold;
	font-size: 16px;
	height: 28px;
	position: relative;
        cursor:move;
}

.groupItem .itemHeader a
{
	position: absolute;
	right: 10px;
	top: 0px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.groupItem .itemContent {
    padding:3px;
}

.groupItem .itemContent h4
{
    padding:0;
    margin:3px;
}

.sortHelper
{
	border: 1px dashed #ddd;
	width: auto !important;
}
.groupWrapper p
{
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

label.small {
    font-size:8pt;
}