/****************/
 /* RIBBON SHORT */
/****************/
#ribbonShortCon  {display: block; width: 710px; height: 189px; position: relative; left: 12px; background: url(../../../media/images/ribbon_bg_short.jpg) no-repeat 0px 0px; z-index: 10;}
	#ribbonShortCon ul.ribbonNav  {display: block; width: 690px; height: 33px; position: absolute; top: 12px; left: 12px; margin: 0px; padding: 0px; z-index: 20;}
		#ribbonShortCon ul.ribbonNav li  {display: block; float: left; width: 111px; height: 33px; margin: 0px;}
			#ribbonShortCon ul.ribbonNav li.spacer  {width: 125px;}
			#ribbonShortCon ul.ribbonNav li a  {display: block; width: 111px; height: 26px; background: none; text-align: center; color: #FFFFFF; padding: 7px 0px 0px 0px;}
			#ribbonShortCon ul.ribbonNav li a[disabled="disabled"]  {display: block; width: 111px; height: 26px; background: none; text-align: center; color: #FFFFFF; padding: 7px 0px 0px 0px; opacity:0.4; filter:alpha(opacity=40);}
				#ribbonShortCon ul.ribbonNav li a:hover  {color: #ee2d24;}
				#ribbonShortCon ul.ribbonNav li a:hover[disabled="disabled"]  {color: #FFFFFF; cursor:default}
				#ribbonShortCon ul.ribbonNav li a.selected  {background: url(../../../media/images/ribbon_nav_selected.png) no-repeat 0px 0px; color: #0081c6;}
				
				#ribbonShortCon ul.ribbonNav li span.disabled  {display: block; width: 111px; height: 26px; background: none; text-align: center; color: #FFFFFF; padding: 7px 0px 0px 0px; opacity:0.4; filter:alpha(opacity=40); cursor:default}
				
		#ribbonShortCon a {color:#000;}
			#ribbonShortCon a:hover {text-decoration:none; background-color: transparent; color: #ee2d24;}
	

	#ribbonShortCon ul.steps  {display: block; width: 400px; height: auto; position: absolute; bottom: 15px; left: 8px; margin: 0px; padding: 0px; color: #cce6f4; font-weight: bold; font-size: .9em;}
		#ribbonShortCon ul.steps li  {display: block; float: left; width: auto; height: auto; margin: 0px; padding: 0px;}
			#ribbonShortCon ul.steps li.separator  {display: block; width: 23px; height: 15px; background: url(../../../media/images/step_separator.gif) no-repeat 8px 5px;}
			
            #ribbonShortCon #createCon  {display: block; width: 693px; height: 108px; position: absolute; top: 47px; left: 6px;}
            
            #ribbonShortCon #createCon #createCon_mailer {display: block; float: left; width: 190px; height: 101px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6d3ff; background: url(../../../media/images/ribbon/title_bg.gif) repeat-x bottom left; padding: 5px 5px 0px 5px; margin: 0px 3px 0px 0px; position: relative; z-index: 11;}
                #ribbonShortCon #createCon #createCon_mailer h3 {position:absolute; bottom:2px; left: 0px; padding:0px; margin:0px; width:190px; color:#fff; font-size:1.0em; font-weight:normal;font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: center; z-index: 12;}
			    
			    #ribbonShortCon #createCon #createCon_mailer div.iconNav {display: block; float:left; height:80px; width:55px; margin:4px;text-align:center;}
			    #ribbonShortCon #createCon #createCon_mailer img {display: inline; text-align:center;}
			        
			        
			        #createCon_subMenuNew  {width: 178px; height: auto; display: block; position: absolute; z-index: 20; top: 55px; left: -999em;}
						#createCon_subMenuNew .subConTop  {width: 151px; height: auto; display: block; background: url(../../../media/images/ribbon/ribbonnav_bg.png) no-repeat top left; padding: 10px 17px 0px 10px;}
							#createCon_subMenuNew .subConTop ul  {margin: 0px; padding: 0px; display: block;}
								#createCon_subMenuNew .subConTop ul li  {margin: 1px 0px 0px 0px; padding: 0px; display: block;}
									#createCon_subMenuNew .subConTop ul li a  {margin: 0px; padding: 2px 5px; display: block; color: #0055a4; border: 1px solid #0055a4;}
										#createCon_subMenuNew .subConTop ul li a:hover  {background-color: #0055a4; color: #FFFFFF;}
						#createCon_subMenuNew .subConBot  {width: 178px; height: 17px; display: block; background: url(../../../media/images/ribbon/ribbonnav_bg.png) no-repeat bottom left;}

		            #createCon_subMenuSave  {width: 178px; height: auto; display: block; position: absolute; z-index: 20; top: 55px; left: -999em;}
			            #createCon_subMenuSave .subConTop  {width: 151px; height: auto; display: block; background: url(../../../media/images/ribbon/ribbonnav_bg.png) no-repeat top left; padding: 10px 17px 0px 10px;}
				            #createCon_subMenuSave .subConTop ul  {margin: 0px; padding: 0px; display: block;}
					            #createCon_subMenuSave .subConTop ul li  {margin: 1px 0px 0px 0px; padding: 0px; display: block;}
						            #createCon_subMenuSave .subConTop ul li a  {margin: 0px; padding: 2px 5px; display: block; color: #0055a4; border: 1px solid #0055a4;}
							            #createCon_subMenuSave .subConTop ul li a:hover  {background-color: #0055a4; color: #FFFFFF;}
			            #createCon_subMenuSave .subConBot  {width: 178px; height: 17px; display: block; background: url(../../../media/images/ribbon/ribbonnav_bg.png) no-repeat bottom left;}
			        
            #ribbonShortCon #createCon #createCon_mailerUpload {display: block; float: left; width: 160px; height: 101px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6d3ff; background: url(../../../media/images/ribbon/title_bg.gif) repeat-x bottom left; padding: 5px 5px 0px 5px; margin: 0px 3px 0px 0px; overflow: hidden; position: relative; text-align: center;}
				#ribbonShortCon #createCon #createCon_mailerUpload .copyCon  {display: block; width: 160px; height: auto; text-align: left; font-size: .8em;}
                #ribbonShortCon #createCon #createCon_mailerUpload h3 {position:absolute; bottom:2px; left:0px; width: 160px; padding: 0px; margin: 0px; color:#fff; font-size:1.0em; font-weight:normal;font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: center;}
                #ribbonShortCon #createCon #createCon_mailerUpload button  {margin: 10px auto; float: none;}
			
/*
			#ribbonShortCon #createCon #createCon_mailerUpload #ddlMailerType {width: 150px;}
			
			#ribbonShortCon #createCon #createCon_mailerUpload .fieldValue  {width: 220px;}
    			#ribbonShortCon #createCon #createCon_mailerUpload .fieldValue input.file, #ribbonShortCon #createCon #createCon_mailerUpload .fieldValue input[type="file"], #ribbonShortCon #createCon #createCon_mailerUpload .fieldValue input[file]  {width: 220px; height: 25px;}
    			#ribbonShortCon #createCon #createCon_mailerUpload .fieldValue select  {width: 220px;}
    	        #ribbonShortCon #createCon #createCon_mailerUpload .standardSmallButton  {float: right; margin: 0px 0px 0px 0px;}
*/			

			#ribbonShortCon #createCon #createCon_templatesManage {display: block; float: left; width: 300px; height: 101px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #a6d3ff; background: url(../../../media/images/ribbon/title_bg.gif) repeat-x bottom left; padding: 5px 5px 0px 5px; position: relative;}        
				#ribbonShortCon #createCon #createCon_templatesManage h3 {position:absolute; bottom:2px; left:0px; width: 300px; padding: 0px; margin: 0px; color:#fff; font-size:1.0em; font-weight:normal;font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: center;}
				#ribbonShortCon #createCon #createCon_templatesManage #mycarousel {position: absolute; top: 0px; left:80px;}					
				#ribbonShortCon #createCon #createCon_templatesManage .letterPreviewCon {width: 200px; height: 85px; overflow:hidden; position: absolute; top: 2px; left: 100px;}
				#ribbonShortCon #createCon #createCon_templatesManage .letterPreviewCon div {width: 53px; float:left; margin:5px 4px 2px; text-align:center;}
				#ribbonShortCon #createCon #createCon_templatesManage .letterPreviewCon img {display: inline;}
        
				#ribbonShortCon #createCon #createCon_templatesManage a.viewButton {display: block; width: 75px; height: 55px; position: absolute; top: 6px; left: 5px; background-color: #80afdb; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #ffffff; text-align: center; padding: 20px 0px 0px 0px; font-size: .9em; font-weight: bold;}
					#ribbonShortCon #createCon #createCon_templatesManage a.viewButton:hover {background-color: #bed8f3; color: #ffffff;}
				
				
        
        
            .fieldValue  {width: 220px; height: auto; margin: 0px; padding: 0px; float: left; color: #0081c6; position: relative;}
			select  {float: left; width: 220px; height: 21px; margin: 0px 0px 3px 0px; background-color: transparent; background: transparent url(../../../media/images/form_select_main.png) no-repeat top left; display: block; border: 0px; line-height: 17px; color: #0081c6; padding: 0px 0px 0px 5px;}
			select option  {background-color: transparent; padding: 0px 0px 0px 5px;}
			select:disabled, select[disabled], select[disabled="disabled"]  {float: left; width: 266px; height: 21px; margin: 0px 0px 3px 0px; background-color: transparent; background: transparent url(../../../media/images/form_select_main.png) no-repeat bottom left; display: block; border: 0px; color: #8FADDE;}