.non_mandatory {
   display: none;
}

/* modal */
#black-background 				{ position: fixed; display: none; background: url("/img/galpha.png") repeat fixed 0 0 transparent; top: 0; left: 0; right: 0; height: 100%; *zoom: 1; *right:19px; z-index: 999; margin-top:0 !important;}
#black-background #app-table	{ display: table; margin: auto; height:100%; width:100%; *zoom:1; *display:block; *width:auto; }
#black-background #app-cell		{ display: table-cell; vertical-align:middle; *zoom:1; *display:inline; }
#black-background #app-modal	{ position: relative; background: #FFFFFF; border: 30px solid #000000; margin: auto; z-index: 9999; }

#black-background #app-modal.test 							{ width: 372px; }
#black-background #app-modal.test #app-modal-content		{ width: 372px; overflow: auto; }
#black-background #app-modal.screen							{ width: 610px; }
#black-background #app-modal.screen #app-modal-content		{ width: 610px; height: 600px; overflow: auto; text-align: center; }
#black-background #app-modal.big-screen						{ width: 80%; }
#black-background #app-modal.big-screen #app-modal-content	{ width: 100%; height: 600px; overflow: auto; text-align: center; }
#black-background #app-modal.param							{ width: 711px; height: auto; }
#black-background #app-modal.param #app-modal-content		{ width: 711px; max-height: 500px; overflow: auto; height: auto; }
#black-background #app-modal.loading						{ width: 290px; height: 52px; z-index:9999; overflow: hidden; }
#black-background #app-modal.loading #app-modal-content		{ width: 390px; overflow: auto; height: 132px; }

#black-background #app-modal.test_modal							{ width: 580px; border: 10px solid #999; -moz-border-radius: 5px; border-radius: 5px; }
#black-background #app-modal.test_modal #app-modal-content		{ width: 580px; height: 195px; overflow: auto;background-color: #E6E6E6}
#black-background #app-modal.test_modal #modalTrustDev			{ color: #333; padding: 15px; font-size: 11px; }
#black-background #app-modal.test_modal #modalTrustDev h3		{ border-bottom: 1px solid #DFDFDF; margin-bottom: 13px; padding: 0 0 0 30px; font-size: 17px; color: #666; }
#black-background #app-modal.test_modal #modalTrustDev h3 span	{ position: absolute; margin: -3px 0 0 -30px; background: url("/img/main_images.gif") no-repeat scroll 0 -1891px transparent; display: inline-block; height: 26px; text-indent: -900em; width: 26px; }
#black-background #app-modal.test_modal #modalTrustDev p 		{ line-height: 1.3em; padding-bottom: 6px; }
#black-background #app-modal.test_modal #modalTrustDev a		{ color: #D05623; float: right; font-size: 12px; padding: 10px 0; text-decoration: underline; }

/* developers trust modal */
#black-background #app-modal.devel							{ width: 351px; border: 10px solid #999; -moz-border-radius: 5px; border-radius: 5px; height: 195px; }
#black-background #app-modal.devel #app-modal-content		{ width: 351px; height: 195px; overflow: auto; }
#black-background #app-modal.devel #modalTrustDev			{ color: #333; padding: 15px; font-size: 11px; }
#black-background #app-modal.devel #modalTrustDev h3		{ border-bottom: 1px solid #DFDFDF; margin-bottom: 13px; padding: 0 0 0 30px; font-size: 17px; color: #666; }
#black-background #app-modal.devel #modalTrustDev h3 span	{ position: absolute; margin: -3px 0 0 -30px; background: url("/img/main_images.gif") no-repeat scroll 0 -1891px transparent; display: inline-block; height: 26px; text-indent: -900em; width: 26px; }
#black-background #app-modal.devel #modalTrustDev p 		{ line-height: 1.3em; padding-bottom: 6px; }
#black-background #app-modal.devel #modalTrustDev a			{ color: #D05623; float: right; font-size: 12px; padding: 10px 0; text-decoration: underline; }

#black-background #app-modal-close				{ position: absolute; right: -40px; top: -40px; z-index: 999; }
#black-background .test_modal #app-modal-close	{ position: absolute; right: -29px; top: -29px; z-index: 999; }
#black-background #app-modal-close img			{ cursor: pointer; *cursor: hand; }

#black-background .parameters-mod						{ -moz-border-radius: 10px; border-radius: 10px; background: #E6E6E6; padding: 5px 10px; overflow: hidden; }
#black-background .parameters-mod #hiddenId, 
#black-background .parameters-mod .hiddenIdList, 
#black-background .parameters-mod .hiddenIdParam		{ display:none; }

#black-background .parameters-mod h4					{ color: #666; display: block; font-size: 17px; margin: 10px 0 2px; position: relative; }
#black-background .parameters-mod ul					{ position: relative; font-size: 13px; padding: 0; }
#black-background .parameters-mod ul li					{ padding: 5px 0; }
#black-background .parameters-mod ul li span			{ display: block; font-weight: bold; margin: 2px 0; color: #666; }
#black-background .parameters-mod ul li input			{ -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #DFDFDF; padding: 5px; }
#black-background .parameters-mod ul li textarea		{ -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #DFDFDF; height: 80px; overflow: auto; padding: 5px; width: 98%; }
#black-background .parameters-mod ul li input.inputtxt	{ width: 165px; }
#black-background .parameters-mod ul li input.text 		{ width: 100%; font-size: 20px; color: #333; }
#black-background .parameters-mod ul li.last			{ padding-bottom: 10px; border-bottom: 2px dotted #ccc; }

#black-background .parameters-mod ul.param_type_mod 			{ display:block; overflow:hidden; _height:1%; }
#black-background .parameters-mod ul.param_type_mod li			{ float:left; margin-right:10px; }
#black-background .parameters-mod ul.param_type_mod li img		{ cursor:pointer; *cursor:hand; }
#black-background .parameters-mod ul.param_type_mod li.add_type	{ padding:28px 0 0; }

#black-background .parameters-mod button.save, 
#black-background .parameters-mod button.edit		{ -moz-border-radius: 5px; border-radius: 5px; background: url("/img/btn_dpg.gif") repeat-x scroll 0 0 transparent; border: 0 none; color: #FFFFFF; font-weight: bold; margin: 10px 20px 10px 190px; padding: 10px 25px 10px 20px; cursor: pointer; *cursor: hand; }
#black-background .parameters-mod button.edit		{ margin-left: 170px; padding-left: 20px; padding-right: 25px; }
#black-background .parameters-mod input.reset		{ -moz-border-radius: 5px; border-radius: 5px; background: #999; border: 0 none; color: #FFFFFF; font-weight: bold; padding: 10px; cursor: pointer; *cursor: hand; }

#black-background .parameters-mod .param_type					{ position:absolute; right:0; top: -25px; -moz-border-radius:10px; border-radius:10px; width:175px; background:#BFBFBF; padding:10px; color:#333; font-size:13px; }
#black-background .parameters-mod .param_type span				{ display:inline; color: #fff; }
#black-background .parameters-mod .param_type select.sel-types 	{ background: #DFDFDF; border: 1px solid #F1F1F1; font-size: 12px; padding: 2px; width: 108px; margin-left: 3px; }

.ui-state-highlight			{ height:50px; background: #f1f1f1; border: 2px dotted #ccc; margin: 2px 0; }

/* modal login/registers */
#black-background .modal-alert			{ display: none; background: #7aa328; color: #fff; font-size: 15px; font-weight: bold; margin: 5px; padding: 10px; text-align: center; }
#black-background .modal-alert.error	{ background: #cd3232; }

#black-background .abas				{ overflow: hidden; background: #000; }
#black-background .abas li			{ background: #999; float: left; font-size: 20px; margin-right: 1px; }
#black-background .abas li.on		{ background: #fff; }
#black-background .abas li a		{ color: #F1F1F1; display: block; font-weight: bold; padding: 10px 50px; }
#black-background .abas li.on a		{ display: block; color: #D20536; }
#black-background .abas li a span	{ font-size: 15px; font-weight: normal; }

#black-background .content-box					{ padding: 40px 0; }
#black-background .content-box .forgot-pass		{ position: absolute; right: 37px; }
#black-background .content-box .forgot-pass a	{ color: #D20536; }
#black-background .content-box label			{ display: block; color: #888; font-size: 15px; font-weight: bold; padding: 0 20px 5px; }
#black-background .content-box label.inline		{ display: inline-block; }
#black-background .content-box label span		{ color: #aaa; font-size: 12px; font-weight: normal; }
#black-background .content-box input			{ -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; color: #666; font-size: 18px; margin-left: 20px; padding: 10px 5px; width: 260px; }
#black-background .content-box input.big		{ width: 390px; }
#black-background .content-box button,
#black-background .content-box input.submit		{ -moz-border-radius: 5px; border-radius: 5px; background: url("/img/menubg.gif") repeat-x scroll 0 0 transparent; border: 0 none; color: #fff; font-size: 23px; margin: 22px 0 0 10px; padding: 6px 10px 8px; cursor: pointer; *cursor: hand; width: 85px; }

/* modal loading */
#black-background #app-modal.loading p					{ background: url("/img/main_images.gif") no-repeat scroll 0 -70px transparent; color: #999; font-size: 19px; font-weight: bold; padding: 14px 10px; text-align: center; width: 267px; }
#black-background #app-modal.loading p img				{ padding-left: 12px; }
#black-background #app-modal.loading #app-modal-close	{ display: none; }