  /********************/
 /* RIBBON CREATEMAIL */
/*********************/
#ribbonWideCon #createCardCon  {display: block; width: 932px; height: 108px; position: absolute;  top: 43px; left: 6px;}
    #ribbonWideCon #createCardCon #createCardCon_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;}
    	#ribbonWideCon #createCardCon #createCardCon_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;}
			        
		#createCardCon_subMenuNew  {width: 178px; height: auto; display: block; position: absolute; z-index: 20; top: 55px; left: -999em;}
			#createCardCon_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;}
				#createCardCon_subMenuNew .subConTop ul  {margin: 0px; padding: 0px; display: block;}
					#createCardCon_subMenuNew .subConTop ul li  {margin: 1px 0px 0px 0px; padding: 0px; display: block;}
						#createCardCon_subMenuNew .subConTop ul li a  {margin: 0px; padding: 2px 5px; display: block; color: #0055a4; border: 1px solid #0055a4;}
							#createCardCon_subMenuNew .subConTop ul li a:hover  {background-color: #0055a4; color: #FFFFFF;}
			#createCardCon_subMenuNew .subConBot  {width: 178px; height: 17px; display: block; background: url(../../../media/images/ribbon/ribbonnav_bg.png) no-repeat bottom left;}

		#createCardCon_subMenuSave  {width: 178px; height: auto; display: block; position: absolute; z-index: 20; top: 55px; left: -999em;}
			#createCardCon_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;}
				#createCardCon_subMenuSave .subConTop ul  {margin: 0px; padding: 0px; display: block;}
					#createCardCon_subMenuSave .subConTop ul li  {margin: 1px 0px 0px 0px; padding: 0px; display: block;}
						#createCardCon_subMenuSave .subConTop ul li a  {margin: 0px; padding: 2px 5px; display: block; color: #0055a4; border: 1px solid #0055a4;}
							#createCardCon_subMenuSave .subConTop ul li a:hover  {background-color: #0055a4; color: #FFFFFF;}
			#createCardCon_subMenuSave .subConBot  {width: 178px; height: 17px; display: block; background: url(../../../media/images/ribbon/ribbonnav_bg.png) no-repeat bottom left;}

	    #ribbonWideCon #createCardCon #createCardCon_mailer div.iconNav {display: block; float:left; height:80px; width:55px; margin:4px;text-align:center;}
	    #ribbonWideCon #createCardCon #createCardCon_mailer img {display: inline; text-align:center;}

    #ribbonWideCon #createCardCon #createCardCon_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;}
		#ribbonWideCon #createCardCon #createCardCon_mailerUpload .copyCon  {display: block; width: 160px; height: auto; text-align: left; font-size: .8em;}
        #ribbonWideCon #createCardCon #createCardCon_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;}
                #ribbonWideCon #createCardCon #createCardCon_mailerUpload button  {margin: 10px auto; float: none;}

	#ribbonWideCon #createCardCon #createCardCon_selectIndicia {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;}
        #ribbonWideCon #createCardCon #createCardCon_selectIndicia 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;}
    	#ribbonWideCon #createCardCon #createCardCon_selectIndicia #ddlIndicia {width: 90px;}
	    #ribbonWideCon #createCardCon #createCardCon_selectIndicia .fieldValue  {width: 160px;}
    	    #ribbonWideCon #createCardCon #createCardCon_selectIndicia .fieldValue select  {width: 160px;}
                #ribbonWideCon #createCardCon #createCardCon_selectIndicia button  {margin: 5px auto; float: none;}

    #ribbonWideCon #createCardCon #createCardCon_templatesManage {display: block; float: left; width:365px; 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;}        
        #ribbonWideCon #createCardCon #createCardCon_templatesManage h3 {position:absolute; bottom:2px; left:0px; width: 365px; padding: 0px; margin: 0px; color:#fff; font-size:1.0em; font-weight:normal;font-family: Arial, Helvetica Neue, Helvetica, sans-serif; text-align: center;}
		#ribbonWideCon #createCardCon #createCardCon_templatesManage #mycarousel3 {position: absolute; top: 0px; left:80px;}	        
		#ribbonWideCon #createCardCon #createCardCon_templatesManage .template-arrow-prev {display: block; width: 15px; height: 75px; position: absolute; top: 5px; left: 85px;}
		#ribbonWideCon #createCardCon #createCardCon_templatesManage .template-arrow-next {display: block; width: 15px; height: 75px; position: absolute; top: 5px; right: 5px;}
		#ribbonWideCon #createCardCon #createCardCon_templatesManage .letterPreviewCon {width: 428px; height: 85px; overflow:hidden; position: absolute; top: 2px; left: 100px;}
		#ribbonWideCon #createCardCon #createCardCon_templatesManage .letterPreviewCon div {width: auto; float:left; margin:5px 4px 2px; text-align:center;}
		#ribbonWideCon #createCardCon #createCardCon_templatesManage .letterPreviewCon img {display: inline;}
        
		#ribbonWideCon #createCardCon #createCardCon_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;}
			#ribbonWideCon #createCardCon #createCardCon_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;}
