/*
 * CSS:Application Style, by Limarc /Alexander Lobashev/
 * 
 * (c) 2008-2009 by Limarc, Lim-on Media
 * _link: http://www.free-lance.ru/users/Limarc
 *
 * _index: doc.style_application.style.css
 * _revision: 1.13
 * 

 //  CSS Information:
     ------
     Colors:
         light orange: FF8000
          dark orange: D96C00
           dark beige: 4D4D40
            med beige: 80806B
          light beige: E5E5D8
          darker teal: 268080
            dark teal: 3DCCCC
           light teal: B3FFFF

 */

 /*
  * -> input
  */
 .custom-style-input 
 {
	 color: #636363;
	 
	 margin: 0px;
	 padding: 0px 5px;
	 
	 border: 0px;
 }
 
 .custom-style-input-left,
 .custom-style-input-right
 {
	 vertical-align: middle;
	 
	 float: left;
	 width: 11px;
	 height: 25px;
 }
 
 .custom-style-input-left
 {
	 background: url('../images/form.style/input-left.png') no-repeat 0 0;
         margin-left: 5px;
 }  
 
 .custom-style-input-right
 {
	 background: url('../images/form.style/input-right.png') no-repeat 0 0;
 } 
 
 .custom-style-input-center
 {
	 background: url('../images/form.style/input-background.gif') repeat-x 0 0;
	 
	 vertical-align: middle;
	 line-height: 25px;
	 
	 padding: 0px;
	 float: left;
	 
	 height: 25px;
 }
 
 /*
  * -> button
  */
 .custom-style-button 
 {
	 background: url('../images/form.style/button-background.png') repeat-x 0 0;
	 
	 font-size: .8em;
	 color: #f1f1f1;
	 /*font-weight: bold;*/
	 /*text-transform: uppercase;*/
	 /*letter-spacing: 1px;*/
	 vertical-align: middle;
	 
	 margin: 0px;
	 padding: 0px 0px;
	 
	 width: auto;
	 height: 25px;
	 
	 border: 0px;
	 cursor: pointer;
 }
 
 .custom-style-button-left,
 .custom-style-button-right
 {
	 vertical-align: middle;
	 
	 width: 11px;
	 height: 25px;
 }
 
 .custom-style-button-left
 {
	 background: url('../images/form.style/button-left.png') no-repeat 0 0;
 }  
 
 .custom-style-button-right
 {
	 background: url('../images/form.style/button-right.png') no-repeat 0 0;
 } 

 /*
  * -> textarea
  */
 .custom-style-textarea 
 {
	 background: transparent;
	 
	 color: #636363;
	 
	 margin: 0px;
	 padding: 0px;
	 
	 height: 70px;
	 width: 264px;
	 border: 1px solid #fff;
	 
	 resize: none;
 }
 
 .custom-style-textarea-wrapper
 {
	 float: left;
         
         margin-left: 5px;
 }
 
 
 .custom-style-textarea-top,
 .custom-style-textarea-bottom
 {
	 background: url('../images/form.style/textarea-top-right.png') no-repeat 100% 0;
	 
	 padding-right: 11px;
	 
	 clear: both;
	 float: none;
	 
	 height: 12px;
 }
 
 .custom-style-textarea-bottom
 {
	 background: url('../images/form.style/textarea-bottom-right.png') no-repeat 100% 0;
	 margin-bottom: 12px;
 }

 .custom-style-textarea-top-left,
 .custom-style-textarea-bottom-left
 {
	 background: #f2f2e6 url('../images/form.style/textarea-top-left.png') no-repeat 0 0;
	 
	 width: 11px;
	 height: 12px;
	 
	 margin: 0px;
	 padding: 0px;
	 
	 float: left;
 }
 
 .custom-style-textarea-bottom-left
 {
	 background: #f2f2e6 url('../images/form.style/textarea-bottom-left.png') no-repeat 0 0;
 }

 .custom-style-textarea-left,
 .custom-style-textarea-left-hover
 {
	 background: url('../images/form.style/textarea-left-off.png') repeat-y 0 0;
	 
	 padding-bottom: 12px;
	 float: left;
	 
	 width: 11px;
	 height: 65px;
 }

 .custom-style-textarea-left-hover
 {
	 background: url('../images/form.style/textarea-left-over.png') repeat-y 0 0;
 }
 
 .custom-style-textarea-right,
 .custom-style-textarea-right-hover
 {
	 background:url('../images/form.style/textarea-right-off.png') repeat-y 100% 0;
	 
	 padding-right: 11px;
	 padding-bottom: 0px;
	 
	 float: left;
 }
 
 .custom-style-textarea-right-hover
 {
	 background: url('../images/form.style/textarea-right-over.png') repeat-y 100% 100%;
 }


 /*
  * -> select
  */
 .custom-style-select 
 {
	 background: url('../images/form.style/button-background.png') repeat-x 0 0;
	 
	 vertical-align: middle;
	 
	 margin: 0px;
         margin-left: 5px;
	 padding: 0px;
	 float: left;
	 /*position: relative;*/
	 
	 width: auto;
	 height: 25px;
	 
	 border: 0px;
	 cursor: pointer;
	 
	 opacity: 0;
	 z-index: -1;
	 position: relative;
 }
 
 .custom-style-select-wrapper
 {
	 font-size: .9em;
	 color: #636363;
	 
         margin-left: 5px;
	 position: absolute;
	 
	 height: 25px;
	 
	 border: 0px;
 }
 
 .custom-style-select-left
 {
	 background: url('../images/form.style/select-left.png') no-repeat 0 0;
	 
	 vertical-align: middle;
	 
	 float: left;
	 
	 width: 11px;
	 height: 25px;
 }
 
 .custom-style-select-right
 {
	 background: url('../images/form.style/select-right.png') no-repeat 100% 0;
	 
	 margin: 0px 0px 0px 11px;
	 padding: 5px 0px 0px 0px;
	 
	 height: 25px;
	 width: auto;
	 
	 cursor: pointer;
 }

 .custom-style-select-target
 {
	 background: none;
	 
	 margin-left: -8px;
	 margin-top: -10px;
	 padding-bottom: 13px;
	 
	 z-index: 3;
 }
 
 .custom-style-select-options
 {
	 background: #fff;
	 
	 list-style: none;
	 color: #636363;
	 
	 margin-left: 20px;
	 margin-top: 0px;
	 padding: 0px 0px;
	 
	 z-index: 4;
	 
	 max-height: 200px;
	 
	 overflow-y: auto;
	 overflow-x: hidden;
	 
	 border: 1px solid #0071b5;
 }
 
	 .custom-style-select-options li
	 {
	 	 padding: 2px 5px;
		 
		 cursor: pointer;
	 }
	 
	 .custom-style-select-options li.selected
	 {
	 	 background: #0071b5;
		 
		 color: #f1f1f1;
	 }

 /*
  * -> hover
  */
 .custom-style-hover { background-position: 0% 100%; }
 .custom-style-hover-r { background-position: 100% 100%; }


 /*
  * -> radio
  */
 .custom-style-radio
 {
	 display: none;
 }
 
 .custom-style-radio-wrapper
 {
	 background: url('../images/form.style/radio-blue.png') no-repeat 0px 0px;
	 
	 margin: 0px 0px -9px 0px;
	 padding: 0px 5px 0px 0px;
	 
	 width: 19px;
	 height: 25px;	 
	 display: inline-block;
	 
	 cursor: pointer;
 }
 
 /*
  * -> radio
  */
 .custom-style-checkbox
 {
	 display: none;
 }
 
 .custom-style-checkbox-wrapper
 {
	 background: url('../images/form.style/checkbox.png') no-repeat 0px 0px;
	 
	 margin: 0px 0px -9px 0px;
	 padding: 0px 5px 0px 0px;
	 
	 width: 19px;
	 height: 25px;	 
	 display: inline-block;
	 
	 cursor: pointer;
 }
 
 .custom-style-checked
 {
	 background-position: 0 -50px;
 }