a:link		{text-decoration: none; color: #0000ff;}
a:visited	{text-decoration: none; color: #0000ff;}
a:hover		{text-decoration: underline;}
a:active	{text-decoration: underline;}

.logo		{
	font-weight:		bold;
	font-size:			2em;
	padding:			10px;
}

.page		{
	display:			block;
	width:				800px;
	text-align:			center;
	position:			relative;
	overflow:			hidden;
	left:				50%;
	margin-left:		-400px;
	padding:			0;
}

.page_ctrl	{
	display:			block;
	width:				100%;
	height:				auto;
	background-color:	#000000;
	overflow:			hidden;
	padding:			0px;
	text-align:			center;
}

    .page_ctrl a:link, .page_ctrl a:visited	{
        display:			inline-block;
        /*float:				left;*/
        /*width:				96px;*/
        height:				20px;
        text-align:			center;
        background-color:	#000000;
        font-weight:		bold;
        text-transform:		uppercase;
        padding:			4px 20px 4px 20px;
        margin:				0px;
        color:				#ffffff;
    }

    .page_ctrl a:hover, .page_ctrl a:active {
        background-color:	#666666;
        text-decoration:	none;
    }

.user_message {
	display:			block;
	width:				780px;
	text-align:			right;
	margin:				5px 10px 5px 10px;
}

.message {
	width:				100%;
	overflow:			hidden;
	color:				#ff0000;
	padding:			5px;
	font-weight:		bold;
	text-align:			center;
}

.content {
	margin:				5px;
	width:				100%;
	display:			block;
	position:			relative;
	overflow:			hidden;
	left:				0;
	text-align:			left;
}

.general_form {
	position:			relative;
	width:				400px;
	left:				50%;
	margin-left:		-200px;
	text-align:			center;
	display:			block;
}

    .general_form .input_item, .config_form .input_item {
        border:				1px solid #000000;
        margin:				5px;
        padding:			10px;
        clear:				both;
        overflow:			auto;
        display:			block;
        width:				100%;
    }

    .general_form .input_item .label {
        display:			block;
        float:				left;
        width:				100px;
        text-align:			left;
        font-weight:		bold;
        height:				auto;
    }

.config_form {
	position:			relative;
	width:				600px;
	left:				50%;
	margin-left:		-300px;
	text-align:			center;
	display:			block;
}

    .config_form .input_item .label {
        display:			block;
        float:				left;
        width:				250px;
        text-align:			left;
        font-weight:		bold;
        height:				auto;
    }

    .config_form .input_item .desc {
        margin-left:		30px;
        text-indent:		-10px;
        font-style:			italic;
        display:			block;
        text-align:			left;
    }

    .config_form .input_item input, .config_form .input_item select {
        display:			block;
        float:				left;
        width:				340px;
        border:				1px solid #000000;
    }

    .config_form .input_item textarea {
        display:			block;
        float:				left;
        width:				340px;
        border:				1px solid #000000;
        resize:             vertical;
    }

.submit {
	border:				1px solid #000000;
	width:				80px;
	height:				30px;
	font-weight:		bold;
}

.header {
	width:				100%;
	font-size:			1.5em;
	font-weight:		bold;
	text-align:			left;
	padding:			5px 20px 20px 20px;
}

.item {
	display:			block;
	width:				750px;
	padding:			3px;
	left:				50%;
	margin-left:		-375px;
	border:				1px solid #000000;
	margin-top:			5px;
	position:			relative;
	overflow:			hidden;
	vertical-align:		middle;
}

.booked{
	background-color:	#dddddd;
	display:			block;
	overflow:			hidden;
	width:				100%;
	position:			relative;
}

a:hover .item  {
    background-color:	#dddddd;
}

.booked_routine, .admin_row {
	background-color:	#ffcccc;
	display:			block;
	overflow:			hidden;
	width:				100%;
	position:			relative;
}

.user_row, .temp_row {
	display:			block;
	overflow:			hidden;
	position:			relative;
}

.input, .tcal {
	width:				99%;
	border:				1px solid #000000;
}

.item_col {
	display:			block;
	margin:				3px;
	float:				left;
	text-align:			center;
	border:				1px solid #ffffff;
}

.booked .item_col, .user_row .item_col, a:hover .item .item_col {
	border:				1px solid #aaaaaa;
}

.booked_routine .item_col , .admin_row .item_col{
	border:				1px solid #aaaaaa;
	font-weight:		bold;
}

.temp_row .item_col {
	border:				1px solid #aaaaaa;
	font-style:			italic;
}

.item_control_box .item_col {
	border:				1px solid #aaaaaa;
}

.item_col a:link {
	width:				100%;
	display:			block;
	text-align:			center;
}

.item_col a:hover {
	background-color:	#f0f0f0;
}

.item_head {
	display:			block;
	margin:				3px;
	float:				left;
	border:				1px solid #000000;
	background-color:	#000000;
	font-weight:		bold;
	text-align:			center;
	color:				#ffffff;
}

.list_title {
	width:				760px;
	text-align:			left;
	margin:				30px 10px 10px 10px;
	font-weight:		bold;
}

.list_title .list_title_desc {
	font-weight:		normal;
	margin-left:		10px;
}

.item_list {
	width:				760px;
	margin:				10px;
	display:			block;
}

.chzn-select {
	font-size:			10px;
	z-index:			101;
}

.postscript {
	margin:				30px;
}

.postscript li {
	padding:			3px;
}

#tabs, #admin_tabs, #warehouse_tabs, #vote_tabs {
	width:				780px;
	margin:				0;
	overflow:			visible;
}

.htitle {
	text-indent:		20px;
}

.hcontent {
	margin-left:		50px;
	counter-reset:		step;
}

.hcontent li {
	list-style-type:	upper-latin;
	margin:				10px;
}

.hcontent img {
	margin:				5px;
}

.object_table {
    display:			block;
	width:				700px;
	padding:			3px;
	left:				50%;
	margin-left:		-325px;
	border:				1px solid #000000;
	margin-top:			10px;
    margin-bottom:      10px;
	position:			relative;
	overflow:			hidden;
	vertical-align:		top;
}

    .object_table .object_item {
        display:        block;
        float:          left;
        width:          340px;
/*         border:		    1px solid #000000;
 */        margin:         2px;
        padding:        2px;
        overflow:       hidden;
        text-align:     center;
    }
        .object_table .object_item .solo {
            height:         2.0em;
        }

        .object_table .object_item .item_key {
            display:        block;
            width:          160px;
            background-color:	#dddddd;
            font-weight:    bold;
            padding:        2px 6px 2px 2px;
            text-align:     right;
            float:          left;
            height:         1.5em;
        }

        .object_table .object_item .item_val {
            display:        block;
            width:          160px;
            padding:        2px 2px 2px 6px;
            float:          left;
            text-align:     left;
        }
        
            .object_table .object_item .item_val input {
                border:		1px solid #000000;
                width:      100%;
                color:      #000000;
            }
            
                .object_table .object_item .item_val input[disabled] {
                    background-color:   #f0f0f0;
                }
            
            .object_table .object_item .item_val textarea {
                /* height:     100%; */
                border:		1px solid #000000;
                width:      100%;
                resize:     vertical;
            }
            
                .object_table .object_item .item_val textarea[disabled] {
                    background-color:   #f0f0f0;
                    color:              #000000;
                }
            
        .object_table .object_item input.button {
            border:		1px solid #000000;
            margin:     2px 5px 2px 5px;
        }
        
.duo_table {
    display:			block;
	width:				700px;
	padding:			3px;
	left:				50%;
	margin-left:		-325px;
	border:				1px solid #000000;
	margin-top:			10px;
    margin-bottom:      10px;
	position:			relative;
	overflow:			hidden;
	vertical-align:		top;
}

    .duo_table .object_item {
        display:        block;
        width:          690px;
        margin:         2px;
        padding:        2px;
        text-align:     center;
        overflow:       hidden;
    }
    
        .duo_table .highlighted  {
            
        }

        .duo_table .object_item .item_key {
            display:        block;
            width:          240px;
            background-color:	#dddddd;
            font-weight:    bold;
            padding:        2px 6px 2px 2px;
            text-align:     right;
            float:          left;
        }

        .duo_table .object_item .item_val {
            display:        block;
            width:          430px;
            padding:        2px 2px 2px 6px;
            float:          left;
            text-align:     left;
        }
        
            .duo_table .object_item .item_val input, select {
                border:		1px solid #000000;
                width:      100%;
                color:      #000000;
            }
            
                .duo_table .object_item .item_val input[disabled] {
                    background-color:   #f0f0f0;
                }
            
            .duo_table .object_item .item_val textarea {
                /* height:     100%; */
                border:		1px solid #000000;
                width:      100%;
                resize:     vertical;
            }
            
                .duo_table .object_item .item_val textarea[disabled] {
                    background-color:   #f0f0f0;
                }
            
        .duo_table .object_item input.button {
            border:		1px solid #000000;
            margin:     2px 5px 2px 5px;
        }
        
.dyn_inputs {
    
}

    .dyn_inputs input {
        margin-bottom:  5px;
    }
    
.highlighted {
    background-color:   #ffcccc;
    padding:            5px;
    font-weight:        bold;
}

.shadowed {
    background-color:   #f0f0f0;
}

.center {
    text-align:         center;
}

.lab {
    display:			block;
	width:				700px;
	padding:			5px 5px 5px 5px;
	left:				50%;
	margin-left:		-330px;
	
	margin-top:			5px;
	position:			relative;
	overflow:			hidden;
	vertical-align:		middle;
}

.lab_desc {
    display:			block;
	width:				650px;
	padding:			5px 5px 10px 5px;
	left:				50%;
	margin-left:		-280px;
	
	margin-top:			5px;
	position:			relative;
	overflow:			hidden;
	vertical-align:		middle;
}

.head {
    background-color:   #dddddd;
    font-weight:        bold;    
    padding-left:       10px;
}

.right{
    text-align:         right;
}

.left {
    text-align:         left;
}

.bordered {
    border:				1px solid #cccccc;
}

.div {
    padding:             5px;
}

.bold {
    font-weight:        bold;
}

.float_left {
    float:              left;
    position:           relative;
}

.float_right {
    float:              right;
    position:           relative;
}

img.float_left {
    margin:             5px;
}

.inline {
    display:            inline-block;
}

.vote {
    border:				1px solid #cccccc;
    display:			block;
	width:				600px;
	left:				50%;
	margin-left:		-280px;
	
	margin-top:			5px;
	position:			relative;
	overflow:			hidden;
	vertical-align:		middle;
}
    .vote .col {
        display:            block;
        float:              left;
        border:             1px solid #f0f0f0;
        /* height:             20px; */
        margin:             5px;
        
    }

    .vote .box {
        width:              30px;
        text-align:         center;
        margin:             5px;
        height:             20px;
        padding:            0px;
    }
    
        .vote .box input {
            width:          100%;
            margin:         0px;
            height:         100%;
        }
    
    .vote .subt {
        width:              80px;
        text-align:         center;
    }

    .vote .desc {
        width:              120px;
        font-weight:        bold;
        /* height:             20px; */
        padding:            1px 5px 1px 5px;
    }
    
    .vote .bar {
        width:              385px;
        display:            inline-block;
        padding:            1px 5px 1px 5px;
    }
    
    .vote .text_input {
        width:              300px;
        display:            inline-block;
        padding:            1px 5px 1px 5px;
    }

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 100px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
    
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}
    
.floating {
    position:           fixed;
    left:               50%;
    width:              800px;
    margin-left:        -400px;
    /* display:            block; */
    z-index:            100;
    top:                100px;
    /* height:             400px; */
    /* overflow:           scroll; */
    background-color:   #ffffff;
     border:             3px ridge #000000; 
}

.floating .fcontent {
    display:            block;
    height:             350px;
    overflow:           scroll;
}