/***************************************************************************************************/ /*** *** ******* copyright 2012 artvanleeuwen.com & arthur peter vanleeuwen **** ********* ******** ******* permission given to cornishwebhosting.com for inclusion ***** **** *** *****************************************************************************************************/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>............div's.................>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /* Font Stacks */ @font-face { font-family: 'Chalkboard'; font-style: normal; font-weight: 300; src: url('Chalkboard.ttf') format('truetype'); } @font-face { font-family: 'Chalkboard'; font-style: normal; font-weight: 500; src: url('ChalkboardBold.ttf') format('truetype'); } .optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;} .geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;} .helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;} .lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;} .georgia {font-family: Georgia, sans-serif;} .trebuchet {font-family: "Trebuchet MS", sans-serif;} .palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;} .timesRoman {font-family: "Times New Roman", Times, serif;} .merienda {font-family: 'Merienda One', cursive;} .montez {font-family: 'Montez', cursive;} .julee {font-family: 'Julee', cursive;} .jolly {font-family: 'Jolly Lodger', cursive;} .courgette {font-family: 'Courgette', cursive;} .chalkboard {font-family: 'Chalkboard', cursive;font-weight: 300;} .chalkBoard {font-family: 'Chalkboard', cursive;font-weight: 500;} .hover:hover{ cursor:pointer; } #why li{ text-align:left; padding-left: 30px; padding-bottom:15px; background-image:url(../images/sub_blue_accept.png); background-repeat: no-repeat; background-position: 0px -5px; background-size:26px 26px; line-height:16px; font-size:12px; font-style:normal; text-indent: 0px; vertical-align: middle; } #how li{ text-align:left; padding: 4px 10px; background-image:url(../images/checkmark.png); background-repeat: no-repeat; background-position: 0px 5px; background-size:16px 16px; font-style:normal; text-indent: 10px; vertical-align: middle; } .border10 { border-radius:10px; border:3px solid #999; } .border20 { border-radius:20px; border:3px solid #999; } .show{ visibility:visible; } /********************************************************************************/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>div controls>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>effects>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .z{ z-index:1000; } .txt_sh1{ text-shadow:#333 1px 1px 2px; } .txt_sh1_hover{ } .txt_sh1_hover:hover{ text-shadow:#0092cc 1px 1px 6px; } .shadow_mega{ -moz-box-shadow: 0px 0px 1000px #000; -webkit-box-shadow: 0px 0px 1000px #000; box-shadow: 0px 0px 1000px #000; } .shadow_dark{ -moz-box-shadow: 0px 2px 5px #000; -webkit-box-shadow: 0px 2px 5px #000; box-shadow: 0px 2px 5px #000; } .shadow_dark_b{ -moz-box-shadow: 0px 8px 8px -4px #000; -webkit-box-shadow: 0px 8px 8px -4px #000; box-shadow: 0px 8px 8px -4px #000; } .shadow_mooga{ -moz-box-shadow: 0px 0px 200px #000; -webkit-box-shadow: 0px 0px 200px #000; box-shadow: 0px 0px 200px #000; } .shadow{ -moz-box-shadow: 0px 0px 8px #ccc; -webkit-box-shadow: 0px 0px 8px #ccc; box-shadow: 0px 0px 8px #ccc; } .shadow_h{ -moz-box-shadow: 0px 8px 8px -4px #aaa; -webkit-box-shadow: 0px 8px 8px -4px #aaa; box-shadow: 0px 8px 8px -4px #aaa; } .shadow_r{ -moz-box-shadow: 8px 0px 8px -4px #ccc; -webkit-box-shadow: 8px 0px 8px -4px #ccc; box-shadow: 8px 0px 8px -4px #ccc; } .shadow_l{ -moz-box-shadow: -8px 0px 8px -4px #ccc; -webkit-box-shadow: -8px 0px 8px -4px #ccc; box-shadow: -8px 0px 8px -4px #ccc; } .shadow_b{ -moz-box-shadow: 0px 8px 8px -4px #ccc; -webkit-box-shadow: 0px 8px 8px -4px #ccc; box-shadow: 0px 8px 8px -4px #ccc; } .shadow_bl{ -moz-box-shadow: 8px 8px 8px -4px #ccc; -webkit-box-shadow: 8px 8px 8px -4px #ccc; box-shadow: 8px 8px 8px -4px #ccc; } .shadow_br{ -moz-box-shadow: -8px 8px 8px -4px #ccc; -webkit-box-shadow: -8px 8px 8px -4px #ccc; box-shadow: -8px 8px 8px -4px #ccc; } .shadow_t{ -moz-box-shadow: 0px -8px 4px -4px #ddd; -webkit-box-shadow: 0px -8px 4px -4px #ddd; box-shadow: 0px -8px 4px -4px #ddd; } .shadow_tl{ -moz-box-shadow: 8px -8px 8px -4px #ccc; -webkit-box-shadow: 8px -8px 8px -4px #ccc; box-shadow: 8px -8px 8px -4px #ccc; } .shadow_tr{ -moz-box-shadow: -8px -8px 8px -4px #ccc; -webkit-box-shadow: -8px -8px 8px -4px #ccc; box-shadow: -8px -8px 8px -4px #ccc; } .shadow2{ -moz-box-shadow: 0px 0px 8px #888; -webkit-box-shadow: 0px 0px 8px #888; box-shadow: 0px 0px 8px #888; } .shadow2_h{ -moz-box-shadow: 0px 8px 8px -4px #333; -webkit-box-shadow: 0px 8px 8px -4px #333; box-shadow: 0px 8px 8px -4px #333; } .shadow2_r{ -moz-box-shadow: 8px 0px 8px -4px #888; -webkit-box-shadow: 8px 0px 8px -4px #888; box-shadow: 8px 0px 8px -4px #888; } .shadow2_l{ -moz-box-shadow: -8px 0px 8px -4px #888; -webkit-box-shadow: -8px 0px 8px -4px #888; box-shadow: -8px 0px 8px -4px #888; } .shadow2_b{ -moz-box-shadow: 0px 8px 8px -4px #888; -webkit-box-shadow: 0px 8px 8px -4px #888; box-shadow: 0px 8px 8px -4px #888; } .shadow2_bl{ -moz-box-shadow: 8px 8px 8px -4px #888; -webkit-box-shadow: 8px 8px 8px -4px #888; box-shadow: 8px 8px 8px -4px #888; } .shadow2_br{ -moz-box-shadow: -8px 8px 8px -4px #888; -webkit-box-shadow: -8px 8px 8px -4px #888; box-shadow: -8px 8px 8px -4px #888; } .shadow2_t{ -moz-box-shadow: 0px -8px 8px -4px #888; -webkit-box-shadow: 0px -8px 8px -4px #888; box-shadow: 0px -8px 8px -4px #888; } .shadow2_tl{ -moz-box-shadow: 8px -8px 8px -4px #888; -webkit-box-shadow: 8px -8px 8px -4px #888; box-shadow: 8px -8px 8px -4px #888; } .shadow2_tr{ -moz-box-shadow: -8px -8px 8px -4px #888; -webkit-box-shadow: -8px -8px 8px -4px #888; box-shadow: -8px -8px 8px -4px #888; } .shadow3_b{ -moz-box-shadow: 0px 8px 6px -4px #999; -webkit-box-shadow: 0px 6px 4px -4px #999; box-shadow: 0px 8px 6px -4px #999; } .nav_shadow{ margin:0px auto; padding:5px 22px; border-radius:50px; width:700px; -moz-box-shadow: 0px 0px 8px #111; -webkit-box-shadow: 0px 0px 8px #111; box-shadow: 0px 0px 8px #666; } .shadow1{ -moz-box-shadow: 0px 0px 8px #444; -webkit-box-shadow: 0px 0px 8px #444; box-shadow: 0px 8px 10px #444; } .shadow9{ -moz-box-shadow: 0px 0px 8px #999; -webkit-box-shadow: 0px 0px 8px #999; box-shadow: 0px 8px 10px #999; } .reflect{ -webkit-box-reflect: below 8px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(.5, transparent), to(rgba(255, 255, 255, 0.2)) ); } .reflect2{ -webkit-box-reflect: below -80px -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), to(rgb(255, 255, 0)) ); } .txt_vert{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; display:block; } .txt_vert_left{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; display:block; } .txt_vert_right{ -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); white-space:nowrap; display:block; } .inset_rb{ -moz-box-shadow: inset -5px -5px 10px #000; -webkit-box-shadow: inset -5px -5px 10px #000; box-shadow: inset -5px -5px 10px #000; } .inseta{ -moz-box-shadow: inset 0 0 10px #aaa; -webkit-box-shadow: inset 0 0 10px #aaa; box-shadow: inset 0 0 10px #aaa; } .insetb{ -moz-box-shadow: inset 0 0 10px #bbb; -webkit-box-shadow: inset 0 0 10px #bbb; box-shadow: inset 0 0 10px #bbb; } .insetc{ -moz-box-shadow: inset 0 0 10px #ccc; -webkit-box-shadow: inset 0 0 10px #ccc; box-shadow: inset 0 0 10px #ccc; } .inset99{ -moz-box-shadow: inset 0 0 10px #999; -webkit-box-shadow: inset 0 0 10px #999; box-shadow: inset 0 0 10px #999; } .inset88{ -moz-box-shadow: inset 0 0 10px #888; -webkit-box-shadow: inset 0 0 10px #888; box-shadow: inset 0 0 10px #888; } .inset77{ -moz-box-shadow: inset 0 0 10px #777; -webkit-box-shadow: inset 0 0 10px #777; box-shadow: inset 0 0 10px #777; } .inset66{ -moz-box-shadow: inset 0 0 10px #666; -webkit-box-shadow: inset 0 0 10px #666; box-shadow: inset 0 0 10px #666; } .inset55{ -moz-box-shadow: inset 0 0 10px #555; -webkit-box-shadow: inset 0 0 10px #555; box-shadow: inset 0 0 10px #555; } .inset44{ -moz-box-shadow: inset 0 0 10px #444; -webkit-box-shadow: inset 0 0 10px #444; box-shadow: inset 0 0 10px #444; } .inset33{ -moz-box-shadow: inset 0 0 10px #333; -webkit-box-shadow: inset 0 0 10px #333; box-shadow: inset 0 0 10px #333; } .inset22{ -moz-box-shadow: inset 0 0 10px #222; -webkit-box-shadow: inset 0 0 10px #222; box-shadow: inset 0 0 10px #222; } .inset{ -moz-box-shadow: inset 0 0 10px #000; -webkit-box-shadow: inset 0 0 10px #000; box-shadow: inset 0 0 10px #000; } .inset_t{ -moz-box-shadow: inset 5px 0 10px -4px #000; -webkit-box-shadow: inset 5px 0 10px -4px #000; box-shadow: inset 5px 0px 20px -4px #000; } .skew_20{ -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); } .rot_45{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform: rotate(45deg); } .rot_90{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform: rotate(90deg); }.rot_180{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform: rotate(180deg); }.rot_270{ -webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -o-transform: rotate(270deg); } .rot_135{ -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform: rotate(135deg); }.rot_225{ -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -o-transform: rotate(225deg); } .rot_315{ -webkit-transform:rotate(315deg); -moz-transform:rotate(315deg); -o-transform: rotate(315deg); } .alpha_10 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; } .alpha_20 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } .alpha_30 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } .alpha_40 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; } .alpha_50 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .alpha_60 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } .alpha_70 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .hover70 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .hover70:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; cursor:pointer; } .alpha_80 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .alpha_90 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .modale{ min-width:50%; min-height:80%; border: #333 1px solid; position:relative; margin:0px auto; z-index:50; padding:20px; color:#FFF; } .nav_right{ -moz-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -khtml-border-top-right-radius: 20px; border-top-right-radius: 20px; -moz-border-radius-bottomright: 20px; -webkit-border-bottom-right-radius: 20px; -khtml-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; } /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end effects>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>borders>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .brd_btn{ border-left:2px ridge #eee; border-top:2px ridge #eee; border-right:2px ridge #999; border-bottom:2px ridge #999; } .br_5{ border-radius:5px; } .br_10{ border-radius:10px; } .br_15{ border-radius:15px; } .br_20{ border-radius:20px; } .br_25{ border-radius:25px; } .br_30{ border-radius:30px; } .brdr{ border:solid 3px #4b4b4b; } .brd_r{ border-right:solid 3px #4b4b4b; } .brd_l{ border-left:solid 3px #4b4b4b; } .brd_t{ border-top:solid 3px #4b4b4b; } .brd_b{ border-bottom:solid 3px #4b4b4b; } .brd_100_1{ border-radius: 0px 0px 400px 400px ; } .brd_100_2{ border-radius:400px 400px 0px 0px; } .brd_100_3{ border-radius: 250px 0px 0px 0px ; } .brd_100_4{ border-radius:0px 0px 0px 100px; } .brd_100{ border-radius:100px; } .brdr_gld{ border:solid 3px #FF0; } .brd_r_gld{ border-right:solid 3px #FF0; } .brd_l_gld{ border-left:solid 3px #FF0; } .brd_t_gld{ border-top:solid 3px #FF0; } .brd_b_gld{ border-bottom:solid 3px #FF0; } .brdr_blue{ border:solid 3px #0112ff; } .brd_r_blue{ border-right:solid 3px #0112ff; } .brd_l_blue{ border-left:solid 3px #0112ff; } .brd_t_blue{ border-top:solid 3px #0112ff; } .brd_b_blue{ border-bottom:solid 3px #0112ff; } .lt_bl{ border-left:10px solid #222; } .rt_bl{ border-right:10px solid #222; } .lt_yel{ border-left:10px solid #fc0; } .rt_yel{ border-right:10px solid #fc0; } .yellow{color:#FF0;} .lt_yellow{ border-left:10px solid #FF0; } .rt_yellow{ border-right:10px solid #FF0; } .lt_blue{ border-left:10px solid #0112ff; } .rt_blue{ border-right:10px solid #0112ff; } .blue{color:#0112ff;} .bg_blue{background:#0112ff;} .lt_wh{ border-left:10px solid #ddd; } .rt_wh{ border-right:10px solid #ddd; } .lt_org1{ border-left:10px solid #f99327; } .rt_org1{ border-right:10px solid #f99327; } .lt_org2{ border-left:10px solid #ff6900; } .rt_org2{ border-right:10px solid #ff6900; } .lt_org3{ border-left:10px solid #d75800; } .rt_org3{ border-right:10px solid #d75800; } .lt_red{ border-left:10px solid #F00; } .rt_red{ border-right:10px solid #F00; } .lt_teal{ border-left:10px solid #43b1b2; } .rt_teal{ border-right:10px solid #43b1b2; } .lt_teal2{ border-left:10px solid #67bfb3; } .rt_teal2{ border-right:10px solid #67bfb3; } .lt_teal3{ border-left:10px solid #276868; } .rt_teal3{ border-right:10px solid #276868; } .rt_quoteLt{ border-right:10px solid #00aeef; } .lt_quoteLt{ border-left:10px solid #00aeef; } .rt_quoteLtr{ border-right:10px solid #d8e7fe; } .lt_quoteLtr{ border-left:10px solid #d8e7fe; } .rt_quoteDk{ border-right:10px solid #4d6185; } .lt_quoteDk{ border-left:10px solid #4d6185; } .rt_quoteDkr{ border-right:10px solid #334c66; } .lt_quoteDkr{ border-left:10px solid #334c66; } .rt_indigo{ border-right:10px solid #006d99; } .lt_indigo{ border-left:10px solid #006d99; } .rt_deeppink{ border-right:10px solid #ff1493; } .lt_deeppink{ border-left:10px solid #ff1493; } .deeppink{ color:#ff1493; } .bg_deeppink{ background-color:#ff1493; } .rt_greenyellow{ border-right:10px solid #adff2f; } .lt_greenyellow{ border-left:10px solid #adff2f; } .greenyellow{ color:#adff2f; } .bg_greenyellow{ background-color:#adff2f; } .rt_dkorange{ border-right:10px solid #ff8c00; } .lt_dkorange{ border-left:10px solid #ff8c00; } .dkorange{ color:#ff8c00; } .bg_dkorange{ background-color:#ff8c00; } .rt_slateblue{ border-right:10px solid #6a5acd; } .lt_slateblue{ border-left:10px solid #6a5acd; } .slateblue{ color:#6a5acd; } .bg_slateblue{ background-color:#6a5acd; } .rt_blueviolet{ border-right:10px solid #8a2be2; } .lt_blueviolet{ border-left:10px solid #8a2be2; } .blueviolet{ color:#8a2be2; } .bg_blueviolet{ background-color:#8a2be2; } .btn_blueviolet{ background:#8a2be2 ; cursor:pointer; color:#fff; } .btn_blueviolet:hover{ background:#6a5acd ; } .rt_quoteDkst{ border-right:10px solid #22344; } .lt_quoteDkst{ border-left:10px solid #22344; } .rt_bubble{ border-right:10px solid #669bbb; } .lt_bubble{ border-left:10px solid #669bbb; } /* Corner radius */ .corner_all, .corner_top, .corner_left, .corner_tl { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; } .corner_all, .corner_top, .corner_right, .corner_tr { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px; } .corner_all, .corner_bottom, .corner_left, .corner_bl { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .corner_all, .corner_bottom, .corner_right, .corner_br { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end borders>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>shapes>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end shapes>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>alignment>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .clear{ clear:both; } .hidden{ display:none; } .lt{ float:left; } .show{ visibility:visible; } .rt{ float:right; } .ctr{ margin:0px auto; } .overscroll{ overflow:scroll; } .setbox{ display:none; } .lvl2{ display:none; } .lvl1{ display:none; } .lvl3{ display:none; } /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end alignment>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>buttons>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>forms>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .form{ line-height:20px; } .input{ border: solid 1px #fc0; background: #FFFFFF; padding: 9px; font-size:12px; color:#444; text-align:left; } .select{ background: #FFFFFF; padding: 9px; font-size:12px; color:#334c66; text-align:left; } .input2{ color:#bbb; font-style:italic; } .checkbox{ background: #FFFFFF; padding: 9px; color:#334c66; width:28px; height:28px; } select{ background: #FFFFFF; padding: 9px; font-size:12px; color:#334c66; text-align:left; padding-left:10px; } .naked{ border:none; background:none; text-align:center; margin:0 px auto; } .vk1{color:#606;} .vk2{color:#562672;} .vk3{color:#fff3a8;} .vk4{color:#ff85ff;} .vk5{color:#bd00bd;} .vk6{color:#420042;} .vk7{color:#68407f;} .pink1{color:#ffb8e0;} .bg_pink1{background:#ffb8e0;} .rt_pink1{ border-right:10px solid #ffb8e0; } .lt_pink1{ border-left:10px solid #ffb8e0; } .pink2{color:#ff9edb;} .bg_pink2{background:#ff9edb;} .rt_pink2{ border-right:10px solid #ff9edb; } .lt_pink2{ border-left:10px solid #ff9edb; } .pink3{color:#ff85cb;} .bg_pink3{background:#ff85cb;} .rt_pink3{ border-right:10px solid #ff85cb; } .lt_pink3{ border-left:10px solid #ff85cb; } .pink4{color:#ff6bc0;} .bg_pink4{background:#ff6bc0;} .rt_pink4{ border-right:10px solid #ff6bc0; } .lt_pink4{ border-left:10px solid #ff6bc0; } .pink5{color:#ff52b5;} .bg_pink5{background:#ff52b5;} .rt_pink5{ border-right:10px solid #ff52b5; } .lt_pink5{ border-left:10px solid #ff52b5; } .pink6{color:#ff38aa;} .bg_pink6{background:#ff38aa;} .rt_pink6{ border-right:10px solid #ff38aa; } .lt_pink6{ border-left:10px solid #ff38aa; } .pink7{color:#ff1a9d;} .bg_pink7{background:#ff1a9d;} .rt_pink7{ border-right:10px solid #ff1a9d; } .lt_pink7{ border-left:10px solid #ff1a9d; } .pink8{color:#ff0092;} .bg_pink8{background:#ff0092;} .rt_pink8{ border-right:10px solid #ff0092; } .lt_pink8{ border-left:10px solid #ff0092; } .pink9{color:#fe6003;} .bg_pink9{background:#fe6003;} .rt_pink9{ border-right:10px solid #fe6003; } .lt_pink9{ border-left:10px solid #fe6003; } .purple1{color:#ca77ef;} .bg_purple1{background:#ca77ef;} .rt_purple1{ border-right:10px solid #ca77ef; } .lt_purple1{ border-left:10px solid #ca77ef; } .purple2{color:#ba55d3;} .bg_purple2{background:#ba55d3;} .rt_purple2{ border-right:10px solid #ba55d3; } .lt_purple2{ border-left:10px solid #ba55d3; } .purple3{color:#8b23ae;} .bg_purple3{background:#8b23ae;} .rt_purple3{ border-right:10px solid #8b23ae; } .lt_purple3{ border-left:10px solid #8b23ae; } .purple4{color:#701c8c;} .bg_purple4{background:#701c8c;} .rt_purple4{ border-right:10px solid #701c8c; } .lt_purple4{ border-left:10px solid #701c8c; } .bg_black{background:#000;} .bg_pink_1{ background:#e60083; background: -webkit-gradient(linear, center top, center bottom, from(#ba55d3) ,to(#e60083)); background: -moz-linear-gradient(center top, center bottom, #ba55d3, #e60083); background: -ms-linear-gradient(center top, center bottom, #ba55d3, #e60083); background: -o-linear-gradient(center top, center bottom, #ba55d3, #e60083); } .bg_inv_pink_1{ background:#e60083; background: -webkit-gradient(linear, center top, center bottom, from(#ba55d3) ,to(#e60083)); background: -moz-linear-gradient(center top, center bottom, #ba55d3, #e60083); background: -ms-linear-gradient(center top, center bottom, #ba55d3, #e60083); background: -o-linear-gradient(center top, center bottom, #ba55d3, #e60083); } .bg_vk1{ background:#68407f; background: -webkit-gradient(linear, center top, center bottom, from(#000) ,to(#606)); background: -moz-linear-gradient(center top, center bottom, #000, #606); background: -ms-linear-gradient(center top, center bottom, #000, #606); background: -o-linear-gradient(center top, center bottom, #000, #606); } .bg_vk3{ background:#000; background: -webkit-gradient(linear, center top, center bottom, from(#000) ,to(#606)); background: -moz-linear-gradient(center top, center bottom, #000, #606); background: -ms-linear-gradient(center top, center bottom, #000, #606); background: -o-linear-gradient(center top, center bottom, #000, #606); } .bg_inv_vk1{ background:#68407f; background: -webkit-gradient(linear, center top, center bottom, from(#606) ,to(#000)); background: -moz-linear-gradient(center top, center bottom, #606, #000); background: -ms-linear-gradient(center top, center bottom, #606, #000); background: -o-linear-gradient(center top, center bottom, #606, #000); } .bg_inv_vk3{ background:#39174f; background: -webkit-gradient(linear, center top, center bottom, from(#606) ,to(#000)); background: -moz-linear-gradient(center top, center bottom, #606, #000); background: -ms-linear-gradient(center top, center bottom, #606, #000); background: -o-linear-gradient(center top, center bottom, #606, #000); } .vk1_box,.vk2_box:hover{ background:#562672; background: -webkit-gradient(linear, center top, center bottom, from(#68407f) ,to(#562672)); background: -moz-linear-gradient(center top, center bottom, #68407f, #562672); background: -ms-linear-gradient(center top, center bottom, #68407f, #562672); background: -o-linear-gradient(center top, center bottom, #68407f, #562672); display: inline-block; border:none; cursor:pointer; } .bg_vk2{ background:#562672; background: -webkit-gradient(linear, center top, center bottom, from(#68407f) ,to(#562672)); background: -moz-linear-gradient(center top, center bottom, #68407f, #562672); background: -ms-linear-gradient(center top, center bottom, #68407f, #562672); background: -o-linear-gradient(center top, center bottom, #68407f, #562672); } .bg_inv_vk2{ background:#68407f; background: -webkit-gradient(linear, center top, center bottom, from(#562672) ,to(#68407f)); background: -moz-linear-gradient(center top, center bottom, #562672, #68407f); background: -ms-linear-gradient(center top, center bottom, #562672, #68407f); background: -o-linear-gradient(center top, center bottom, #562672, #68407f); } .vk1_box:hover,.vk2_box{ background:#68407f; background: -webkit-gradient(linear, center top, center bottom, from(#562672) ,to(#68407f)); background: -moz-linear-gradient(center top, center bottom, #562672, #68407f); background: -ms-linear-gradient(center top, center bottom, #562672, #68407f); background: -o-linear-gradient(center top, center bottom, #562672, #68407f); display: inline-block; border:none; cursor:pointer; } .bg_st1{ background:#FC0; background: -webkit-gradient(linear, center top, center bottom, from(#fc0) ,to(#FF0)); background: -moz-linear-gradient(center top, center bottom, #fc0, #FF0); background: -ms-linear-gradient(center top, center bottom, #fc0, #FF0); background: -o-linear-gradient(center top, center bottom, #fc0, #FF0); } .bg_st2{ background:#FC0; background: -webkit-gradient(linear, center top, center bottom, from(#FF0) ,to(#FC0)); background: -moz-linear-gradient(center top, center bottom, #FF0, #FC0); background: -ms-linear-gradient(center top, center bottom, #FF0, #FC0); background: -o-linear-gradient(center top, center bottom, #FF0, #FC0); } .bg_grey{ background: url(images/background.png); background-repeat: repeat-x; background-position: 0px -100px; background-color: #4F4F4F; } .bg_grey_inv{ background: url(images/background_inv.png); background-repeat: repeat-x; background-position:0px -0px; background-color: #000; } .bg_grey_left{ background: url(images/background_left.png); background-repeat: repeat-y; background-position:0px 0px; background-color: #000; } .bg_grey_right{ background: url(images/background_right.png); } input[type="submit"],.a_box, button{ /* border-right:1px solid #ff0; */ display: inline-block; cursor:pointer; } input[type="submit"],button{ color:#000; border:none; background:#FC0; background: -webkit-gradient(linear, center top, center bottom, from(#FF0) ,to(#FC0)); background: -moz-linear-gradient(center top, center bottom, #FF0, #FC0); background: -ms-linear-gradient(center top, center bottom, #FF0, #FC0); background: -o-linear-gradient(center top, center bottom, #FF0, #FC0); } input[type="submit"]:hover, button:hover{ background:#4b4b4b url(images/ui-bg_diagonals-small_50_262626_40x40.png); /*background:#FC0; background: -webkit-gradient(linear, center top, center bottom, from(#FF0) ,to(#FC0)); background: -moz-linear-gradient(center top, center bottom, #FF0, #FC0); background: -ms-linear-gradient(center top, center bottom, #FF0, #FC0); background: -o-linear-gradient(center top, center bottom, #FF0, #FC0);*/ color:#ff0; } .a_box:hover{ background:#00aeff; color:#fff; } .bg_pink{ background:#e60083; } .bg_pink{ background:#e60083; } /*.a_box:hover{border-left:10px solid #ccc;border-right:10px solid #ccc;}*/ .a_tl{ color:#68407f; cursor:pointer; } .a_tl:hover{ color:#4d6185; cursor:pointer; } .a_1{ color:#FF0; cursor:pointer; } .a_1:hover{ color:#fc0; cursor:pointer; } .a_lt{ color:#4b4b4b; cursor:pointer; } .a_lt:hover{ color:#000; cursor:pointer; } .blck{ color:#FF0; cursor:pointer; } .blck:hover{ color:#0112ff; cursor:pointer; } .a_2{ color:#0112ff; cursor:pointer; } .a_2:hover{ color:#FF0; } .b_box{ cursor:pointer; } .b_box:hover{ color:#ff0; background:#4b4b4b url(images/ui-bg_diagonals-small_50_262626_40x40.png); } .a_ser:active{ color:#ff6900; cursor:pointer; } .a_serv{ color:#d84527; cursor:pointer; } .a_serv:hover{ color:#fff; cursor:pointer; } .a_serv:active{ color:#d784527; cursor:pointer; } .a_servi:hover{ color:#f99327; cursor:pointer; } .a_servi{ color:#276868; cursor:pointer; } .tick{ padding:5px; color:#4d6185; cursor:pointer; background: #d8e7fe; } .tick:hover{ color:#d8e7fe; background: #4d6185; } .ticked{ color:#f99327; padding:5px; border:1px solid #ff6900; background: #d84527; } .ticked:hover{ color:#ff6900; padding:5px; border:1px solid #ff6900; background: #000; } .pgnt:visited{ cursor:pointer; } .a_dk{ color:#FF0; } .a_dk:hover{ color:#fff; cursor:pointer; } .a_dk:active{ color:#fc0; cursor:pointer; } /******************************************************************************* ******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end forms>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* ******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>backgrounds>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>solid>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .bg_white{ background:#fff; } .bg_sky{ background:#228c8b; } .bg_gld{ background:#dd9a0e; } .bg_yolk{ background:#fa0; } .bg_yellow{ background-color: #FF0; } .bg_yell{ background-color: #FF0; } .bg_yeller{ background: #FC3; } .bg_silver{ background:#222; } .bg_tin{ background:#999; } .bg_dusk{ background:#0f1d34; } .bg_storm{ background:#203d6c; } .bg_day{ background:#a9c1d9; } .bg_escape{ background:#203d6c; } .bg_beige{ background:#cfcda5; } .bg_mint{ background:#b1d0b5; } .bg_blk{ background:#000; } .bg_sky{ background:#228c8b ; } .bg_bl{ background:#222 ; } .bg_smoke{ background:#333 ; } .bg_leaf{ background:#9fda58 ; } .bg_green{ background:#3ada1b ; } .btn_grn{ background:#3ada1b ; cursor:pointer; color:#fff; } .btn_grn:hover{ background:#9fda58 ; } .btn_deeppink{ background:#ff1493; cursor:pointer; color:#fff; } .btn_deeppink:hover{ background:#f00 ; } .btn_slateblue{ background:#6a5acd; cursor:pointer; color:#fff; } .btn_slateblue:hover{ background:#8a2be2 ; } .btn_bronz{ cursor:pointer; color:#fff; background-color: #CEB644; } .btn_bronz:hover{ background:#948438 ; } .btn_quoteDk{ cursor:pointer; color:#fff; background-color: #99b2cc; } .btn_quoteDk:hover{ background:#7799bb ; } .bg_bronze{ background-color: #C2A846; } .bg_blu{ background:#210edd ; } .bg_teal{ background:#43b1b2 ; } .bg_teal2{ background:#7bb0ef ; } .bg_teal3{ background:#5589b9 ; } .bg_brnzr{ background:#948438 ; } .bg_brnz{ background-color: #EBE6B2; } .bg_Brnz{ background-color: #F4F4E2; } .bg_orng{ background:#e45c0c ; } .bg_org1{ background:#f99327 ; } .bg_org2{ background:#ff6a00 ; } .bg_org3{ background:#d75800 ; } .bg_red{ background:#f00 ; } .bg_redd{ background:#ff3535 ; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>gradient>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .bg_quoteDkst_1{ background:#eee; background:rgba(34,51,68,.1); } .bg_quoteDkst_2{ background:#ddd; background:rgba(34,51,68,.2); } .bg_quoteDkst_3{ background:#ccc; background:rgba(34,51,68,.3); } .bg_quoteDkst_4{ background:#bbb; background:rgba(34,51,68,.4); } .bg_quoteDkst_5{ background:#aaa; background:rgba(34,51,68,.5); } .bg_quoteDkst_6{ background:#999; background:rgba(34,51,68,.6); } .bg_quoteDkst_7{ background:#888; background:rgba(34,51,68,.7); } .bg_quoteDkst_8{ background:#777; background:rgba(34,51,68,.8); } .bg_quoteDkst_9{ background:#666; background:rgba(34,51,68,.9); } .bg_quoteDkst{ background:#223344; } .quoteDkst{ color:#223344; } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>horizontal>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .btn_sky{ background:#228c8b url(images/ui-bg_gloss-wave_85_228c8b_500x100.png) 50% 50% repeat-x; } .btn_bl{ background:#000 url(images/ui-bg_gloss-wave_55_000000_500x100.png) 50% 50% repeat-x; } .btn_leaf{ background:#9fda58 url(images/ui-bg_gloss-wave_85_9fda58_500x100.png) 50% 50% repeat-x; } .btn_green{ background:#3ada1b url(images/ui-bg_gloss-wave_35_3ada1b_500x100.png) 50% 50% repeat-x; } .btn_blu{ background: url(images/ui-bg_gloss-wave_85_210edd_500x100.png) 50% 50% repeat-x; } .btn_blu_flip{ background: url(images/blu_flip.png) 50% 50% repeat-x; } .btn_sun{ background: url(images/sun.png) 10% 50% repeat-x; } .btn_sun_flip{ background: url(images/sun_flip.png) 95% 50% repeat-x; } .btn_lettuce{ background: url(images/lettuce.png) 50% 50% repeat-x; } .btn_lettuce_flip{ background: url(images/lettuce_flip.png) 50% 50% repeat-x; } .btn_greeen{ background: url(images/green.png) 50% 50% repeat-x; } .btn_greeen_flip{ background: url(images/green_flip.png) 50% 50% repeat-x; } .btn_purple{ background: url(images/purple.png) 0% 50% repeat-x; } .btn_purple_flip{ background: url(images/purple_flip.png) 95% 50% repeat-x; } .btn_teal{ background: url(images/teal.png) 50% 50% repeat-x; } .btn_teal_flip{ background: url(images/teal_flip.png) 50% 50% repeat-x; } .btn_grey{ background: url(images/grey.png) 50% 50% repeat-x; } .btn_grey_flip{ background: url(images/grey_flip.png) 50% 50% repeat-x; } .btn_orange{ background: url(images/orange.png) 50% 50% repeat-x; } .btn_orange_flip{ background: url(images/orange_flip.png) 50% 50% repeat-x; } .btn_blush{ background: url(images/blush.png) 50% 50% repeat-x; } .btn_blush_flip{ background: url(images/blush_flip.png) 50% 50% repeat-x; } .btn_pink{ background: url(images/pink.png) 50% 50% repeat-x; } .btn_pink_flip{ background: url(images/pink_flip.png) 50% 50% repeat-x; } .btn_pale_blu{ background: url(images/pale_blu.png) 50% 50% repeat-x; } .btn_pale_blue{ background: url(images/pale_blue.png) 50% 50% repeat-x; } .pale_blu{ background: url(images/paleblu.png) 50% 50% repeat-x; } .pale_blue{ background: url(images/paleblue.png) 50% 50% repeat-x; } .btn_whbl{ background: url(images/whblu.png) 50% 50% repeat-x; } .btn_blwh{ background: url(images/blwh.png) 50% 50% repeat-x; } .bg_blwh{ background:#e0ddfa ; } .btn_blue{ background:#2310e0 url(images/ui-bg_gloss-wave_35_2310e0_500x100.png) 50% 50% repeat-x; } .btn_brnzr{ background:#948438 url(images/ui-bg_gloss-wave_35_948438_500x100.png) 50% 50% repeat-x; } .btn_brnz{ background:#a89438 url(images/ui-bg_gloss-wave_85_a89438_500x100.png) 50% 50% repeat-x; } .btn_gld{ background:#dd9a0e url(images/ui-bg_gloss-wave_85_dd9a0e_500x100.png) 50% 50% repeat-x; } .btn_orng{ background:#e45c0c url(images/ui-bg_gloss-wave_85_e45c0c_500x100.png) 50% 50% repeat-x; } .btn_rose{ background:#e7080e url(images/ui-bg_gloss-wave_85_e7080e_500x100.png) 50% 50% repeat-x; } .btn_red{ background:#cd110a url(images/ui-bg_gloss-wave_35_cd110a_500x100.png) 50% 50% repeat-x; } .dk_bg{ background:url(images/background.png); } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>dots>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .dot_money_dk_med{ background: url(images/backgrounds/ui-bg_dots-medium_50_1a3414_4x4.png); } .dot_money_lt_med{ background: url(images/backgrounds/ui-bg_dots-medium_50_357945_4x4.png); } .dot_grey_med{ background: url(images/backgrounds/ui-bg_dots-medium_50_516149_4x4.png); } .dot_wh_med{ background: url(images/backgrounds/ui-bg_dots-medium_100_f5ffd7_4x4.png); } .dot_lt_med{ background: url(images/backgrounds/ui-bg_dots-medium_100_f6fec8_4x4.png); } .dot_grey_sm{ background:#444 url(images/backgrounds/ui-bg_dots-small_50_516149_2x2.png); } .dot_blue_sm{ background: url(images/backgrounds/ui-bg_dots-small_50_3b5998_2x2.png); } .dot_wh_sm{ background: url(images/backgrounds/ui-bg_dots-small_100_dfefdc_2x2.png); } .dot_lt_sm{ background: url(images/backgrounds/ui-bg_dots-small_100_e0efdd_2x2.png); } .dot_ltr_sm{ background: url(images/backgrounds/ui-bg_dots-small_100_f5ffd7_2x2.png); } .dot_11{ background: ; } /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>small >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>medium>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>large>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>stripes>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>small >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .str_bl_sm{ background: #4b4b4b url(images/ui-bg_diagonals-small_50_262626_40x40.png); } .str_lt_sm{ background:url(images/stripe_light.gif); } .str_parch_sm{ background: url(images/backgrounds/ui-bg_diagonals-small_100_f6fec8_40x40.png); } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>medium>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ .str_lt_med_trans{ background: url(images/bg.gif); } .str_chk_med{ background: url(images/backgrounds/ui-bg_diagonals-medium_100_dfefdc_40x40.png); } .str_gold_med{ background: url(images/backgrounds/ui-bg_diagonals-medium_100_ebeb90_40x40.png); } .str_flesh_med{ background: url(images/backgrounds/ui-bg_diagonals-medium_100_f5ffd7_40x40.png); } .str_peach_med{ background: url(images/backgrounds/ui-bg_diagonals-medium_100_f6fec8_40x40.png); } /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>large>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>checks>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>small >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>medium>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>large>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>grains>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>small >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>medium>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>large>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/ /*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>links>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .image_hover{ width:300px; height:145px; border:3px solid #FF0; padding:5px; background:#fff; } .image_hover:hover{ width:310px; height:155px; border:none; padding:0px; } /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>colors>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .dusk{ color:#0f1d34; } .storm{ color:#203d6c; } .day{ color:#a9c1d9; } .aft{ color:#8296A9; } .dawn{ color:#7da7d9; } .escape{ color:#203d6c; } .beige{ color:#cfcda5; } .mint{ color:#b1d0b5; } .blk{ color:#000; } .banana{ color:#FFFF83; } .hard1{ color:#0f1a01; } .hard2{ color:#0f1d34; } .hard3{ color:#3b5998; } .hard4{ color:#99ad45; } .hard5{ color:#357945; } .hard6{ color:#516149; } .hard7{ color:#948438; } .hard8{ color:#9bb893; } .hard9{ color:#dfefdc; } .hard10{ color:#e3e7d0; } .hard11{ color:#f5ffd7; } .hard12{ color:#f6f5ce; } .inset2{ color:#1a3414; } .inset3{ color:#f6fec8; } .inset5{ color:#008fc0; } .inset7{ color:#02300f; } .red{ color:#cd110a; } .redd{ color:#d84527; } .sky{ color:#228c8b; } .gry_9{ color:#999; } .gry_8{ color:#888; } .gry_1{ color:#111; } .gry_7{ color:#777; } .gry_6{ color:#666; } .gry_5{ color:#555; } .gry_4{ color:#444; } .gry_3{ color:#333; } .gry_2{ color:#222; } .bl{ color:#000; } .leaf{ color:#9fda58; } .green{ color:#3ada1b; } .blu{ color:#210edd; } .blue{ color:#2310e0; } .teal{ color:#43b1b2; } .teal2{ color:#67bfb3; } .teal3{ color:#276868; } .brnzr{ color:#948438; } .brnz{ color:#a89438; } .gld{ color:#dd9a0e; } .yolk{ color:#fa0; } .org1{ color:#f99327; } .org2{ color:#ff6a00; } .org3{ color:#D75800; } .gum{ color:#fa2e59; } .blade{ color:#d6ec92; } .yel{ color:#fc0; } .sun{ color:#eea317; } .skin{ color:#f0bf7c; } .orng{ color:#e45c0c; } .orange{ color:#ff6600; } .rose{ color:#e7080e; } .silver{ color:#999; } .white{ color:#ffffff; } .copy{ color:#9bb893; } .hard9{ color:#dfefdc; } .hard7{ color:#948438; } .aaa{ color:#aaa; } .bbb{ color:#bbb; } .ccc{ color:#ccc; } .ddd{ color:#ddd; } .eee{ color:#eee; } .efe{ color:#efe; } /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end colors>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>fonts>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .txt_lt{ text-align:left; } .txt_rt{ text-align:right; } .txt_ct{ text-align:center; } .none{ list-style:none; text-decoration:none; } .b{ font-weight:500; } .lh_10{ line-height:10px; } .lh_12{ line-height:12px; } .lh_14{ line-height:14px; } .lh_15{ line-height:15px; } .lh_16{ line-height:16px; } .lh_18{ line-height:18px; } .lh_20{ line-height:20px; } .lh_21{ line-height:21px; } .lh_22{ line-height:22px; } .lh_23{ line-height:23px; } .lh_24{ line-height:24px; } .lh_25{ line-height:25px; } .lh_26{ line-height:26px; } .lh_27{ line-height:27px; } .lh_28{ line-height:28px; } .lh_29{ line-height:29px; } .lh_30{ line-height:30px; } .lh_35{ line-height:35px; } .lh_40{ line-height:40px; } .lh_45{ line-height:45px; } .lh_50{ line-height:50px; } .lh_55{ line-height:55px; } .lh_60{ line-height:60px; } .mid{ vertical-align:text-top; } .upper{ text-transform:uppercase; } .caps{ text-transform:capitalize; } .lower{ text-transform:lowercase; } .ital{ font-style:italic; } .underline{ text-decoration:underline; } .txt_str { letter-spacing: 2pt; } .txt_unstr { letter-spacing: 1pt; } /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>end fonts>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ /******************************************************************************* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>sizes>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> ******************************************************************************/ .triangle-right {position:relative; padding:15px; margin:1em 0 3em; color:#666; background:#dedede; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;} .triangle-right.top {background:#dedede;} .triangle-right.left {margin-left:40px; background:#dedede;} .triangle-right.right {margin-right:40px; background:#dedede;} .triangle-right:after {content:""; position:absolute; bottom:-20px; left:20px; border-width:20px 0 0 20px; border-style:solid; border-color:#dedede transparent; display:block; width:0;} .triangle-right.top:after {top:-20px; right:50px; bottom:auto; right:auto; border-width:20px 20px 0 0; border-color:transparent #dedede;} .triangle-right.left:after {top:16px; left:-40px; bottom:auto; border-width:15px 40px 0 0; border-color:transparent #dedede; } .triangle-right.right:after {top:16px; right:-40px; bottom:auto; left:auto; border-width:15px 0 0 40px; border-color:transparent #dedede;} #reasons .search-accountant {height: 59px; } #reasons-bullets {list-style:none;} #reasons ul {margin: 10px 0 0 4px; } #reasons ul li { padding: 4px 35px; color: #3A3A3A; background-image:url(../images/icons/sub_blue_accept.png); background-repeat: no-repeat; background-position: 0px -5px; background-size:26px 26px; } #sign-up-button {background: transparent url('images/sign_up_btn.png') no-repeat scroll; height: 96px; margin-left: 123px; margin-top:-10px; width: 331px;} #sign-up-button h2 {margin-top: 10px;} #sign-up-button a {color: #FFFFFF; font-size: 28px; line-height: 96px; margin-left: 30px; margin-top: 5px; text-decoration: none;} #sign-up-button h2 span {margin-left: 20px; color: #ccf0ff; font-size: 80%;}