/*
[Contents]

	0- Global
	1- Common Form
	2- Addins to Common Form
*/

/* =0 Global
---------------------------------------------------------------------------------------------------------------------*/
label
{
    color: #555;
    font-weight: bold;
}
.required
{
    color: #F00;
    padding-left: 5px;
}
input[type="text"], input[type="password"]
{
    border: 1px solid #CCC;
    height: 16px;
    padding: 1px;
}
input[type="text"]:focus, input[type="password"]:focus
{
    border-color: #39C;
}
textarea
{
    border: 1px solid #CCC;
}
textarea:focus
{
    border-color: #39C;
}
select
{
    border: 1px solid #CCC;
    height: 20px;
}
select:focus
{
    border-color: #39C;
}
select[multiple]
{
    width: 285px;
}
button, input.button
{
    background: url(images/button.png) repeat-x;
    border: 1px solid #999;
    color: #333;
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    line-height: 22px;
    padding: 0 8px; /* Do Rounding */
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
button:hover, input.button:hover
{
    /*background: url(images/button-hover.png) repeat-x;*/
    border-color: #2E63A5; /*font: 14px "Trebuchet MS" , Arial, Helvetica, sans-serif;  ccolor: #FFF; */
}
/* jQuery Dropdown Checklist */
.ui-dropdownchecklist
{
    background: #FFF url(images/dropdown.png) no-repeat center right;
    border: 1px solid #CCC;
    height: 18px;
    line-height: 18px;
}
.ui-dropdownchecklist-active
{
    background: url(images/dropdown_active.png) no-repeat center right;
    border-color: #39C;
    height: 18px;
    line-height: 18px;
}
.ui-dropdownchecklist-text
{
    font-weight: normal;
    margin-right: 17px; /* background dropdown.png image */
    padding-left: 2px;
    white-space: nowrap;
    height: 18px;
    line-height: 18px;
}
/*.ui-dropdownchecklist-dropcontainer
{
    background-color: #FFF;
    border: 1px solid #999;
}
*/
.ui-dropdownchecklist-item
{
    padding: 3px;
}
.ui-dropdownchecklist-item input[type="checkbox"]
{
    float: left;
    margin-top: 3px;
}
.ui-dropdownchecklist-item-hover
{
    background-color: #39F;
}
.ui-dropdownchecklist-item-disabled label
{
    color: #000;
}
.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text
{
    color: #FFF;
}
.ui-dropdownchecklist-group
{
    font-weight: bold;
    font-style: italic;
}
.ui-dropdownchecklist-indent
{
    padding-left: 20px;
}

/* =1 Common Form
---------------------------------------------------------------------------------------------------------------------*/
.common-form
{
    margin-top: 10px;
}
.common-form legend span, .common-form label, .common-form input, .common-form select, .common-form .ui-dropdownchecklist-wrapper, .common-form textarea, .common-form .edit
{
    float: left;
    margin-right: 5px;
}
.common-form fieldset
{
    margin: 10px 0 20px;
    -webkit-margin-collapse: separate;
}
.common-form legend
{
    border-bottom: 2px solid #CCC;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    width: 100%;
}
.common-form legend:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.common-form table
{
    width: 100%;
}
.common-form tr
{
    /* border-bottom: 1px solid #EEE; */
}
.common-form th
{
    padding: 5px;
    vertical-align: top;
    width: 155px;
}
.common-form td
{
    padding: 0px;
}
.common-form p
{
    margin-bottom: 10px;
}
.common-form p.left
{
    margin-right: 10px;
}
.common-form label
{
    line-height: 15px;
}
.common-form input[type="text"], .common-form input[type="password"]
{
    width: 300px;
}
.common-form input[type="text"].date
{
    width: 100px;
}
.common-form textarea
{
    width: 500px;
}
.common-form input[type="checkbox"]
{
    margin-top: 3px;
}
.common-form .checkbox-label, .common-form .radio-label
{
    display: inline !important;
    font-weight: normal;
    white-space: nowrap;
}
.common-form .select-label
{
    display: inline;
    margin-right: 5px;
    width: auto;
}
.field-validation-valid, .common-form .field-validation-error
{
    line-height: 20px;
}
.field-validation-error
{
    color: #F00;
}

.common-form .buttons
{
    /* background: url(images/command-bg.gif) repeat-x; 
    background: rgb(254,255,232); 
    background: -moz-radial-gradient(center, ellipse cover,  rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%); 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1))); 
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); 
    background: -o-radial-gradient(center, ellipse cover,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); 
    background: -ms-radial-gradient(center, ellipse cover,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); 
    background: radial-gradient(center, ellipse cover,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=1 ); 
    border: 1px solid #DDD;*/
    padding: 5px; /* Do Rounding */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.common-form a.button, .common-form button, .common-form input.button
{
    float: left;
    margin-right: 10px;
}

/* Length of form elements */
.common-form label.mini
{
    width: 44px;
}
.common-form input[type="text"].mini, .common-form input[type="password"].mini
{
    width: 40px;
}
.common-form select.mini
{
    width: 42px;
}
.common-form label.short
{
    width: 104px;
}
.common-form input[type="text"].short, .common-form input[type="password"].short
{
    width: 100px;
}
.common-form select.short
{
    width: 102px;
}
.common-form label.medium
{
    width: 204px;
}
.common-form input[type="text"].medium, .common-form input[type="password"].medium
{
    width: 200px;
}
.common-form select.medium
{
    width: 204px;
}
.common-form textarea.medium
{
    width: 202px;
}
.common-form label.long
{
    width: 304px;
}
.common-form input[type="text"].long, .common-form input[type="password"].long
{
    width: 300px;
}
.common-form select.long
{
    width: 304px;
}

/* =2 Addins to Common Form
---------------------------------------------------------------------------------------------------------------------*/
/* Tooltip */
.tooltip-link
{
    background: url(images/help_light.gif) no-repeat left center;
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
    text-indent: -3000px;
    width: 20px;
}
.tooltip-link:hover, .tooltip-link.active
{
    background: url(images/help.png) no-repeat left center;
}
#tooltip
{
    background: #F0E9A5;
    border: 2px solid #E1DEAC;
    padding: 5px;
    position: absolute;
    z-index: 3000; /* Do Rounding */
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#tooltip h3
{
    color: #000;
    font-size: 12px;
    font-weight: normal;
}
/* Template
.common-form .template {
	border:none;
	float: left;
	margin:0;
	overflow: hidden;
	padding: 10px 21px;
	width: 140px;
}
.common-form .template img {
	display: block;
	height:180px;
	margin-bottom: 5px;
}
.common-form .template input{
	float:none;
	margin:0;
}
.common-form .template label{
	float:none;
	margin:0;
	white-space:nowrap;
} */
/* Search Form */
.search-form table tr
{
    border: 0;
}
.search-form table
{
    width: auto;
}
.search-form table td
{
    padding: 0 2px;
}

/* Block */
.common-form .block
{
    margin-bottom: 28px;
}

/* abtest-form */
.abtest-form p.left
{
    width: 100px;
}
.abtest-form input[type="radio"]
{
    margin-top: 0;
}

/* Import Form */
.import-form td p.left
{
    width: 90px;
}

.ui-dropdownchecklist-dropcontainer
{
    background-color: white;
    border: 1px solid #999;
    position: absolute;
    z-index: 2;
    width: 300px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}