

/* Width */

.Width5 {width:5%;}
.Width10 {width:10%;}
.Width15 {width:15%;}
.Width20 {width:20%;}
.Width25 {width:25%;}
.Width30 {width:30%;}
.Width33 {width:33%;}
.Width35 {width:35%;}
.Width40 {width:40%;}
.Width45 {width:45%;}
.Width50 {width:50%;}
.Width55 {width:55%;}
.Width60 {width:60%;}
.Width65 {width:65%;}
.Width66 {width:66%;}
.Width70 {width:70%;}
.Width75 {width:75%;}
.Width80 {width:80%;}
.Width85 {width:85%;}
.Width90 {width:90%;}
.Width95 {width:95%;}
.Width100 {width:100%;}


/* Padding Top */

.PT5 {padding-top:5px;}
.PT10 {padding-top:10px;}
.PT15 {padding-top:15px;}
.PT20 {padding-top:20px;}
.PT25 {padding-top:25px;}
.PT30 {padding-top:30px;}
.PT35 {padding-top:35px;}
.PT40 {padding-top:40px;}
.PT45 {padding-top:45px;}
.PT50 {padding-top:50px;}


/* Padding Bottom */

.PB5 {padding-bottom:5px;}
.PB10 {padding-bottom:10px;}
.PB15 {padding-bottom:15px;}
.PB20 {padding-bottom:20px;}
.PB25 {padding-bottom:25px;}
.PB30 {padding-bottom:30px;}
.PB35 {padding-bottom:35px;}
.PB40 {padding-bottom:40px;}
.PB45 {padding-bottom:45px;}
.PB50 {padding-bottom:50px;}


/* Padding Left */

.PL5 {padding-left:5px;}
.PL10 {padding-left:10px;}
.PL15 {padding-left:15px;}
.PL20 {padding-left:20px;}
.PL25 {padding-left:25px;}
.PL30 {padding-left:30px;}
.PL35 {padding-left:35px;}
.PL40 {padding-left:40px;}
.PL45 {padding-left:45px;}
.PL50 {padding-left:50px;}


/* Padding Right */

.PR5 {padding-right:5px;}
.PR10 {padding-right:10px;}
.PR15 {padding-right:15px;}
.PR20 {padding-right:20px;}
.PR25 {padding-right:25px;}
.PR30 {padding-right:30px;}
.PR35 {padding-right:35px;}
.PR40 {padding-right:40px;}
.PR45 {padding-right:45px;}
.PR50 {padding-right:50px;}


/* Margin Top */

.MT5 {margin-top:5px;}
.MT10 {margin-top:10px;}
.MT15 {margin-top:15px;}
.MT20 {margin-top:20px;}
.MT25 {margin-top:25px;}
.MT30 {margin-top:30px;}
.MT35 {margin-top:35px;}
.MT40 {margin-top:40px;}
.MT45 {margin-top:45px;}
.MT50 {margin-top:50px;}


/* Margin Bottom */

.MB5 {margin-bottom:5px;}
.MB10 {margin-bottom:10px;}
.MB15 {margin-bottom:15px;}
.MB20 {margin-bottom:20px;}
.MB25 {margin-bottom:25px;}
.MB30 {margin-bottom:30px;}
.MB35 {margin-bottom:35px;}
.MB40 {margin-bottom:40px;}
.MB45 {margin-bottom:45px;}
.MB50 {margin-bottom:50px;}


/* Margin Left */

.ML5 {margin-left:5px;}
.ML10 {margin-left:10px;}
.ML15 {margin-left:15px;}
.ML20 {margin-left:20px;}
.ML25 {margin-left:25px;}
.ML30 {margin-left:30px;}
.ML35 {margin-left:35px;}
.ML40 {margin-left:40px;}
.ML45 {margin-left:45px;}
.ML50 {margin-left:50px;}


/* Margin Right */

.MR5 {margin-right:5px;}
.MR10 {margin-right:10px;}
.MR15 {margin-right:15px;}
.MR20 {margin-right:20px;}
.MR25 {margin-right:25px;}
.MR30 {margin-right:30px;}
.MR35 {margin-right:35px;}
.MR40 {margin-right:40px;}
.MR45 {margin-right:45px;}
.MR50 {margin-right:50px;}


/* ##### ViewPort ##### */

.ViewPort {overflow:hidden;}
.ViewPort .Panel {float:left;}


/* ##### DropDown ##### */

.DropDown {position:relative;white-space:nowrap;z-index:100;}
.DropDown table {}
.DropDown .DropDown table {position:absolute;left:0px;top:0px;}
.DropDown .DropDown .DropDown table {left:100%;top:-1.3em;}
.DropDown .DropDown .DropDown .DropDown table {background:yellow;}
.DropDown .DropDown .DropDown .DropDown .DropDown table {background:orange;}


/* ##### Dynamic Form ##### */

.DynamicForm .InputMargin {margin-right:5px;}


/* Default */

.DynamicForm {width:100%;}
.DynamicForm_Controler td {padding:0;height:0px;font-size:0px;overflow:hidden;}
.Button input {width:auto;}
.DynamicForm .DynamicForm_Setter {margin:0 5px;}
.DynamicForm .Input_TextBox .DynamicForm_Setter {height:20px;overflow:hidden;}
.DynamicForm label {display:block;margin:0 5px 0 0;font-size:1.1em;}
.DynamicForm input, .DynamicForm textarea {padding:0;font-size:1.1em;display:block;}
.DynamicForm .Input_Border {border:solid 1px #7f9db9;padding:0 0 0 5px;background:#ffffff;}
.DynamicForm .Input_Border_Default {border:solid 1px #7f9db9;background:#ffffff;}


/* Input10 */

.DynamicForm input, .DynamicForm select, .DynamicForm textarea {width:100%;}


/* InputTextBox */

.DynamicForm .Input_TextBox div input {border:0px;display:block;width:99%;padding:0;margin:0;line-height:1em;height:1.5em;}
.DynamicForm .Input_TextBox input {display:none;}
.DynamicForm .Input_TextBox .Input_Border {padding:2px 0 0 0;width:100%;}
.DynamicForm .Input_TextBox_Disabled .Input_Border, .DynamicForm .Input_TextBox_Disabled .Input_Border input {background:#dcdfe0;}


/* InputTextarea */

.DynamicForm .Input_Textarea .DynamicForm_Setter {height:120px;overflow:hidden;}
.DynamicForm .Input_Textarea .Input_Border {margin:0 8px 0 0;padding:3px 0 3px 5px;}
.DynamicForm .Input_Textarea textarea {width:100%;height:120px;border:0px;font-size:1.1em;font-size:11px;line-height:15px;margin:0;}


/* InputSelect */

.DynamicForm .Input_Select select {width:100%;font-size:1.1em;}
.DynamicForm .Input_Select select option {width:100%;}
.DynamicForm .Input_Select .Input_Border {border:0px;padding:0;}


/* InputRadio */

.DynamicForm .Input_Radio table {width:100%;}
.DynamicForm .Input_Radio {padding:0 0 3px 0;}
.DynamicForm .Input_Radio td {padding:0 0 5px 0;}
.DynamicForm .Input_Radio th {width:19px;}
.DynamicForm .Input_Radio label {width:auto;}
.DynamicForm .Input_Radio input {margin:0 5px 0 0;width:14px;height:14px;}
.DynamicForm .Input_Radio_V input {float:left;}


/* InputCheckBox */

.DynamicForm .Input_CheckBox table {width:100%;}
.DynamicForm .Input_CheckBox {padding:0 0 3px 0;}
.DynamicForm .Input_CheckBox td {padding:0 0 5px 0;}
.DynamicForm .Input_CheckBox th {width:19px;}
.DynamicForm .Input_CheckBox label {width:auto;}
.DynamicForm .Input_CheckBox input {margin:0 5px 0 0;width:14px;height:14px;}
.DynamicForm .Input_CheckBox_V input {float:left;}

