a:link, a:active, a:visited { text-decoration: none; color: #006699 } a:hover { text-decoration: none; color: #DD6900 } body { background: #9BCDFF url(images/back.gif) center repeat-y } font,div,table,th,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt } form { margin: 0px } h1 { font: normal 16pt Verdana; margin: 0px 0px 5px } h2 { margin-bottom: 5px; color: #AA0000; border-bottom: 1px dotted gray; font: bold italic 18px Arial; text-transform: uppercase } h3 { font: bold 8pt Arial; text-transform: uppercase; padding: 0px; margin: 0px } h3 a:link, h3 a:visited { color: #000000 } h3 a:hover { color: #DD6900 } hr { margin: 3px 0px; height: 1px; border: solid #747474 0px; border-top-width: 1px;} img { border: 0px } input, textarea, select { margin: 2px; border: 1px solid silver; background: white; font: normal 11px Verdana, Arial, Helvetica, sans-serif; resize: none } input:focus, textarea:focus, select:focus { border-color: gray; background: lightyellow } input.button { background-color: #DDDDDD; border-color: #EEEEEE #999999 #999999 #EEEEEE; color: #0D406A; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/buttonbgpic.gif) } input.generic { border: 0px; background: transparent; width: 100% } input.hiddenbb { position: absolute; opacity: 0; z-index: 2 } input.pseudobutton { position: relative; z-index: 1; font-size: 10px } input[type=radio] { border: 0px; width: 13px; height: 13px; vertical-align: middle; position: relative } input[type=checkbox] { border: 0px; width: 13px; height: 13px; vertical-align: bottom; position: relative; top: 2px } ol, ul { margin: 0px; padding-left: 35px } ul { padding-left: 30px; list-style-image: url(images/bullet.gif) } p { margin: 0px 0px 2px } table { text-align: justify; border-collapse: collapse; border-style: none; border-width: 0px } td { padding: 2px } th, .th { text-align: center; height: 25px; padding: 0px; color: #000000; font: bold 11px Arial; border: 1px solid #C0C0C0; border-left: none; border-right: none; background: url(images/cellpic3.gif) } .th { display: table-row; padding: 5px 0px 0px; height: 25px } .addthis { margin: 5px 0px; text-align: right } .admin_buttons { text-align: right; margin: 5px 0px } #alert_box { position: fixed; width: 400px; left: 100px; top: 100px; padding: 5px; background: #60205A url(images/alert_box_background.jpg) repeat-x; z-index: 1001; outline: none } #alert_box_title { font: bold 12px arial, verdana; text-shadow: #000000 1px 1px; color: white; padding: 5px 20px 10px } #alert_box_body { text-align: center; background: white; padding: 25px 10px 10px; width: 380px } #alert_box_buttons { margin-top: 20px } .align_center { display: block; margin-left: auto; margin-right: auto; text-align: center } .align_left { margin: 0px 10px 0px 0px; float: left } .align_right { margin: 0px 0px 10px 10px; float: right } .article { margin: 0px } .article_columns_left { padding: 0px 5px 0px } .article_columns_right { padding: 0px 0px 0px 5px } .article_expired { background: #AFAFFF } .article_flag { height: 10px; position: relative; top: 1px } .article_img { margin: 5px 1px } .article_inactive { background: #FFCFCF } .auto_width { width: auto } .auto_height { height: auto } .back { margin: 5px 0px } .banners0 { width: 210px; height: 90px; float: left } .banners1 { height: 150px; float: right } .banners2 { margin: 0px } .banners3 { margin: 0px } .banners4 { margin: 0px } .banners5 { margin: 0px } .banners6 { margin: 20px 0px 0px } .banners7 { margin: 0px 0px 10px } .banners8 { text-align: center; margin: 0px } .banners8 img { margin-bottom: 5px } .banners9 { padding: 80px 20px 20px; background: #000000 url(images/bottom_mask.gif) right top no-repeat } .banners9 a, .banners9 b { color: white } .banners9 a:hover { color: yellow } .banners10 { height: 25px; padding: 0px 5px } .banners11 { padding: 30px 0px 10px; text-align: center } .banners12 { height: 25px; text-align: center; border: none; border-bottom: 1px solid gray; background: url(images/menu_back.gif) repeat-x } .banners12 label { margin: 0px 5px 0px 0px; padding-right: 10px; text-align: center; background: url(images/menu_split.gif) right top no-repeat } .bbcode_code { margin: 5px 0px; font-weight: bold } .bbcode_code .code { margin: 5px 0px; color: gray; font-weight: normal; max-height: 130px; overflow: auto; background: white; border: 1px solid silver } .bbcode_submit { margin: 10px 0px } .bbcode_submit label { margin-right: 0px; padding: 3px 3px 3px 5px; border: 1px solid silver; cursor: pointer; width: auto; height: auto } .black, a.black, a.black:visited { color: #000000 } .body { padding: 0px; width: 960px; text-align: justify; background: #FFFFFF } .bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid } .bold { font-weight: bold } .border_focus { background: #FFFFCC; border: 1px solid #000000; margin: -1px } .bookmark_tabon, .bookmark_taboff { padding: 1px; margin: 2px; font-size: 7pt } .bulleted { margin: 5px 0px 10px; padding: 0px } .bulleted li { text-align: left; list-style: none; float: left; padding-right: 10px } .canvas { padding: 5px 10px } .captcha { border: 1px solid black } #cat_transfer { position: fixed; width: 320px; padding: 10px 5px; border: 1px solid black; background: white; z-index: 1001 } .classifieds_data2pic div { width: 155px; overflow: hidden; white-space: nowrap } .classifieds_mainpic { margin: 0px 0px 2px; border: 1px solid black } .classifieds_price { padding: 10px 5px; text-align: right } .classifieds_thumb { margin: 2px 0px; margin-left: 5px; border: none; cursor: pointer; height: 75px } .classifieds_view_all { text-align: center; margin: 5px 0px } .clear { clear: both } .clear_after:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden } .clickable { color: #006699; cursor: pointer } .column_ip { width: 100px } .column_int_small { width: 80px } .column_m { width: 80px } .column_stats { width: 70px } .column_time_date { width: 130px } .column_user { width: 200px } .column_vc { width: 40px } .combobox { height: 120px; overflow-y: scroll; cursor: pointer; border: 1px solid silver; background: white } .combobox:focus { border-color: gray; background: lightyellow } .comment { color: gray } .companies_description { text-align: left; margin: 0px 0px 20px } .contact_map { padding-top: 68px } .content_type { margin: 0px 3px; padding: 0px 3px; font: bold 10px/1.5em Trebuchet MS; display: inline-block; text-transform: uppercase; text-shadow: #555 1px 1px; color: #FFF; background: #DF0000 } .copyright { padding: 30px 0px 10px; text-align: center } .copyright_info { margin: 0px; padding: 0px; color: gray; font-size: 7pt } #courtain { position: fixed; left: 0px; top: 0px; background: white; opacity: 0.5; z-index: 1000 } .cursor_default { cursor: default } .curved { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px } .curved_small { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px } .custom_search { padding: 5px; padding-left: 10px; background: #FFF4E5 url(images/search_form_back.gif) no-repeat; border: 1px solid #EC9C1E } .custom_search_hidden { border: none; margin: 1px; padding: 5px; padding-left: 10px; background: transparent } .date { color: gray; margin: 2px } .date_submit { width: 125px } .div_article { margin: 5px } .dropdown { width: 320px; height: 107px; overflow-y: scroll; background-color: #FFFFFF } .error { padding: 25px; text-align: center } .expired { background-color: #FF0000 } .favorites { display: table-cell; margin: 0px 2px; vertical-align: middle; cursor: pointer } .featured, .featured a { font-weight: bold; color: black } .fix_div_width { display: inline-block; display: -moz-inline-stack } .footer { clear: both } .form_explain { margin: 2px 0px; font-size: 7pt; font-weight: normal } .gallery_details_left { width: 265px } .gallery_details_right { width: 325px; text-align: center } .gallery_thumb img { width: 100px; height: 75px } .group_title { margin: 5px 0px; text-align: left; font-weight: bold } td.header_table { margin: 0px; padding: 0px } .hidden { display: none } .homedesc { margin: 0px 0px 2px } .img_article { margin: 0px 10px 10px 0px } .img_desc { padding: 0px; font-style: italic } .img_overflow { width: 420px; height: 100px; overflow: auto } .img_overflow_x { width: 420px; overflow-x: auto } a.inactive { color: silver } .index_generic { margin: 20px 0px; width: 100% } .index_generic .row { display: table-row; vertical-align: top } .index_generic .thumb { width: 100px } .index_generic .details { width: 400px; text-align: left } .index_generic .no_thumbs { width: 500px } .index_generic .last_post { width: 140px; text-align: center } .index_generic img { display: inline } .input_explain { color: gray } .italic { font-style: italic } .legend { margin: 10px 0px } .legend_tab { border: 1px solid #000000; width: 30px; margin: 0px 5px } .leftcol { width: 120px; padding: 5px } .link { margin: 5px 20px; color: #006699; cursor: pointer } .list_table tr:hover { background-color: #E0E0E0 } .location_filter { width: 150px; border-left: 1px solid silver } .location_filter .list { height: 100%; overflow-y: auto } .mainoption, .liteoption { margin: 5px; text-align: center; width: 100px; height: 25px; color: #0D406A; border: 1px solid #859B7E } .mainoption { background: #F7B739 url(images/buttonmainbgpic.jpg) } .mainoption input, .liteoption input { padding-top: 3px; width: 100%; height: 100%; border: none; background: transparent; font: bold 12px Arial, Verdana, Sans-serif } img.medium { width: 300px } .liteoption { border-color: silver; background: #DDDDDD url(images/buttonlitebgpic.jpg) } .liteoption input { font-weight: normal } .maintable { width: 100%; margin: 0px } .mandatory { background-color: #FFD0D0 } #marqueecontainer { position: relative; width: 100%; height: 100%; overflow: hidden } .mass_edit_buttons { margin: 10px 0px } .mark { margin: 0px; padding: 5px; background: #FFFFE0; border: 1px solid gray; font-style: italic } .marker { text-align: center; margin-right: 5px; padding: 5px; background: #000000; color: #FFFFFF; font-size: 16pt } #maskbb { width: 110px; height: 24px; position: absolute; opacity: 0; z-index: 3; background: transparent } .menu { margin: auto; width: 680px; font: bold 12px Arial } .menu a { color: black } .menu ul { list-style: none } .menu li { height: 15px; float: left; position: relative; padding: 5px 10px; border-right: 1px solid gray; cursor: pointer; text-transform: uppercase } .menu li.end { border-right: none } .menu li ul { position: absolute; left: -999em; top: 22px; margin: 3px 0px 0px -12px; padding: 0px; display: block; height: auto; background: #EAEAEA; border: 1px solid silver; z-index: 1000000 } .menu li ul li { display: block; width: 90%; position: relative; padding: 5px; border: none; text-transform: none; white-space: nowrap; font-weight: normal; text-align: left } .menu li:hover ul { left: auto } .menu li.sfhover ul { left: auto } .menu li:hover, .menu li.sfhover { background: transparent url(images/menu_back_hover.gif) repeat-x } .menu li ul li:hover, .menu li ul li.sfhover { background: #FFFFFF } .menu li ul.classifieds { width: 121px } .menu li ul.multimedia { width: 118px } .menu li ul.archive { width: 92px } .menu li ul.community { width: 113px } .menu li a { display: block } .menu li ul { z-index: 1000000 } .menu li ul.oglasi { width: 113px } .menu li ul.multimedija { width: 124px } .menu li ul.arhiva { width: 102px } .menu li ul.ljudi { width: 102px } .menu_cat { height: 12px; margin: 2px 0px; padding: 2px; font-weight: bold; border-top: 1px solid #747474; border-bottom: 1px solid #747474; background-color: #F6F6F6 } .menu_lang { margin: 2px 0px } .mod_buttons { text-align: right; margin: 10px 0px } .navigation_table { width: 100%; margin: 10px 0px } #newcat { background: white; z-index: 1001 } .normal { font-weight: normal } .options_panel { margin: 20px 0px 0px; text-align: center } .overflowx { overflow-x: scroll; overflow-y: hidden } .overflowy { overflow-x: hidden; overflow-y: scroll } .overflow_auto { overflow-x: auto; overflow-y: auto } .overflow_hidden { overflow-x: hidden; overflow-y: hidden } .page_navigation { padding: 0px 5px } .page_subtitle { padding: 0px 0px 10px; margin: 0px } .pagination,.pagination_field { margin: 20px 0px 5px; text-align: center } .pagination,.paginationdisabled { background: #F0F5FA; border: 1px solid #000000; padding: 1px 3px 1px 3px } .paginationcurrent { background: #FFC9A5; border: 1px solid #072A66; padding: 1px 3px 1px 3px; text-align: center } .paginationdisabled { border: 1px solid silver; color: silver } .pending_thumb { width: 35px } .pointer { cursor: pointer } .position_fixed { position: fixed } .plugin { } .plugin img.thumb { width: 60px; height: 40px; margin: 0px } .plugin td:first-child { width: 60px } .plugin img.small_thumb { width: 60px; height: 40px } .plugin table { width: 100%; height: 100% } .plugin .title { margin-bottom: 5px; color: #AA0000; border-bottom: 1px dotted gray; font: bold italic 18px Arial; text-transform: uppercase } .plugin li { width: 140px; height: 130px; overflow: hidden; margin: 0px; text-align: center; list-style: none; float: left } .plugin th { height: 20px; padding: 2px 0px } .plugin tr { text-align: left } .plugin tr:hover { background: #E0E0E0 } .quote { margin: 0px; padding: 5px; background: #FFFFAA; border: 1px solid silver } .quote .author { margin: 0px 0px 10px 0px; font-weight: bold; color: black } .radio { border: 0px; width: 13px; height: 13px; vertical-align: middle; position: relative } .ratings { margin: 10px; display: table-cell; text-align: center } .ratings .ratings_stars { background: url(images/ratings_back.gif) -200px top no-repeat } .ratings .rate { } .related_title { margin: 20px 0px 10px; font-weight: bold } .resynch { margin: 20px 0px } .rightcol { width: 250px; background: #F0F0F0; text-align: justify } .rounded p { margin: 0px 10px; padding: 0px; padding-bottom: 0.5em } .rounded { width: 250px; background: transparent; margin: 25px 1em 100px 1em } .rounded_top, .rounded_bottom { display: block; background: transparent; font-size: 1px } .rounded_xb1, .rounded_xb2, .rounded_xb3, .rounded_xb4 { display: block; overflow: hidden } .rounded_xb1, .rounded_xb2, .rounded_xb3 { height: 1px } .rounded_xb2, .rounded_xb3, .rounded_xb4 { background: white; border-left: 1px solid silver; border-right: 1px solid silver } .rounded_xb1 { margin: 0 5px; background: silver } .rounded_xb2 { margin: 0 3px; border-width: 0 2px } .rounded_xb3 { margin: 0 2px } .rounded_xb4 { height: 2px; margin: 0 1px } .rounded_xboxcontent { padding-left: 10px; display: block; background: white; border: 0 solid silver; border-width: 0 1px } .row1 { background-color: #F0F0F0; font-size: 8pt; padding: 3px } .row2 { background-color: #E8E8E8; font-size: 8pt; padding: 3px } .row3 { background-color: #D1D7DC; font-size: 8pt; padding: 3px } .rss_explain { margin: 0px 0px 20px } .search { width: 200px; color: gray } #search_box { position: absolute; text-align: right; width: auto; padding-top: 2px; left: 705px; top: 0px } .search_button { margin: 0px; width: auto; height: auto } .search_result_title { margin: 0px; font-weight: bold } .search_result_tags { margin: 5px 0px; text-align: left } .search_url { margin: 5px 0px 10px; color: #0E774A } .selected { background: #0000FF; color: #FFFFFF } .shadow-bringer { padding: 5px; background: #ffffff } .shadow { box-shadow: 2px 2px 19px #707070; -o-box-shadow: 2px 2px 19px #707070; -webkit-box-shadow: 2px 2px 19px #707070; -moz-box-shadow: 2px 2px 19px #707070 } .shadow_small { box-shadow: 2px 2px 4px #CECECE; -o-box-shadow: 2px 2px 4px #CECECE; -webkit-box-shadow: 2px 2px 4px #CECECE; -moz-box-shadow: 2px 2px 4px #CECECE } .shadow_small_r { box-shadow: -2px -2px 4px #CECECE; -o-box-shadow: -2px -2px 4px #CECECE; -webkit-box-shadow: -2px -2px 4px #CECECE; -moz-box-shadow: -2px -2px 4px #CECECE } .short { margin: 5px 0px } .smilies_submit { margin: 10px 0px } .solid_border { border: 1px solid black } .stats_chart { margin-bottom: 20px } .stats_table { width: 100%; margin-bottom: 20px } .stats_table td { padding: 2px } .stats_table td:first-child { width: 20px } .stats_shade { color: gray } .stats_shade td:first-child { padding-left: 15px } .stats_viewcount { width: 50px; text-align: right } .sub_page_button,.sub_page_button_current { text-align: center; margin: 5px 2px; padding: 1px 3px 1px 3px; background: #F0F5FA; border: 1px solid #072A66; font-size: 8pt; cursor: pointer } .sub_page_button_current { background: #FFC9A5 } #submit_controls input { width: auto } .submit_images { width: 120px } .submit_place_order { width: 230px } .tab { margin: 0px; width: auto; height: auto } .tab_container { margin-bottom: 5px } .tab div { padding: 3px 5px } .table_border { border: 1px solid silver } .table_cell_border_full td, .table_cell_border_full th { border: 1px solid silver } .table_cell_border_hor td { border: 1px solid silver; border-width: 1px 0px } .table_cell_border_ver td, .table_cell_border_ver th { border: 1px solid silver; border-width: 0px 1px } .table_scroll { width: 100%; height: 410px; overflow-x: hidden; overflow-y: scroll } .table { display: table-cell; text-align: center; width: 20% } .tabon, .taboff { background: #FFC9A5; margin: 2px; padding: 2px 5px; border: 1px solid #072A66; cursor: pointer } .taboff { background: #FFFFFF } .tags { font-size: 8pt } .tags_article { margin: 20px 0px; text-align: left } .tags_list { margin: 0px 2px; padding: 0px; height: 205px; overflow-y: scroll; border: 1px solid silver } .thumb { margin: 2px; cursor: pointer } .thumb_stats { margin: 5px 0px } .thumbs_list_control_panel { margin: 10px 0px } .te_car_model { background: silver } .tf { width: 0px; height: 0px; display: none } .tfa_center { text-align: center } .tfa_justify { text-align: justify } .tfa_left { text-align: left } .tfa_right { text-align: right } .topedge { height: 25px } .topmenu { margin: 5px -5px 2px } .topmenu_button { text-align: center; padding: 0px 2px; color: #FFFFFF; cursor: pointer } .transparent { border: none; background: transparent } .underline { text-decoration: underline } .user_details_stats { padding: 0px 5px } .user_stats { width: 175px; padding: 10px; position: absolute; margin: 2px; background: #FFFFDD; border: 1px solid black; z-index: 2 } .user_stats .check { width: 0px; height: 0px; border: none; background: transparent } .user_stats .close_button {} .user_stats .counter { margin: 0px; padding-left: 2px; width: 25px } .user_stats .profile_links { margin: 10px 0px 10px 10px } .user_stats .profile_links p { margin: 5px 0px; padding-bottom: 2px; border-bottom: 1px solid silver } .user_stats .submitted { margin: 10px } .user_stats td { padding: 0px } .user_stats td:first-child { width: 75% } .user_stats .username { margin: 5px 0px; text-align: center; font-weight: bold } .virtual_hide { line-height: 0px; width: 0px; height: 0px; margin: 0px; padding: 0px; border: 1px solid black; background: transparent } .youtube { margin: 5px } .youtube_cat { text-align: center; float: left; width: 140px; margin: 2px } .yt_button { cursor: pointer } .yt_cp { width: 400px; height: 20px; margin: -5px 15px 0px; padding: 0px } .yt_cpl { width: 90px } .yt_cpm { width: 210px; cursor: pointer } .yt_player { width: 430px; height: 350px; margin: 0px; padding: 30px 0px 0px; background: url(images/yt_player.gif) no-repeat center } #yt_progressbar { width: 210px; height: 6px; text-align: left; margin: 2px 0px 0px; padding: 0px } #yt_progressbar_back { margin: 9px 0px; width: 0px; height: 6px } #yt_progressbar_marker { width: 6px; height: 16px; position: relative; left: -6px; top: -3px; background: #EEEEEE; border: 1px solid #000000 } .ytplayer { margin: 0px -5px; padding: 0px; width: 460px; height: 375px; border: 1px solid black } .yt_thumb { padding: 10px 5px; width: 120px; height: 100px; text-align: center } .warning { margin: 0px 0px 10px; padding: 10px 0px 10px 70px; text-align: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; background: #FFFFCC url(images/warning.gif) no-repeat 10px center } .watermark { margin: 2px } .wrapper { position: absolute; width: 960px; left: 50%; margin-left: -500px; text-align: center; padding: 0px 20px; background: #FFFFFF url(images/back.gif) top repeat-y } #zone_select { margin: 5px 0px; height: 138px; overflow-y:scroll } #map_canvas { height: 100% } #picpanel { padding: 5px; position: fixed; z-index: 2 } .center { text-align: center } .left { float: left } .right { float: right } .justify { text-align: justify } .gen { font-size: 10pt } .genmed { font-size: 9pt } .gensmall { font-size: 7pt } .genbig { font-size: 16pt; font-family: Arial, Verdana, Helvetica, sans-serif } .page_button { width: 15px; height: 15px; margin-left: 20px } .page_button a { width: 100%; height: 100%; margin: 0px; border: 1px solid gray; background: #FFFFFF url(images/s_desc.gif) no-repeat center; cursor: pointer } .page_button a.bottom { background: url(images/s_asc.gif) no-repeat center } a.slikacat img{ opacity: 1 } a.slikacat:hover img{ opacity: 0.8 } .ddmenu { margin: 0px; padding: 0px; font-size: 9pt } .ddmenu div.block { font-size: 9pt; background: url(images/menu_back.gif) repeat-y } .ddmenu, .ddmenu ul { padding: 0; margin: 0; list-style: none } .ddmenu a { display: block; color: black } .ddmenu li { float: left; position: relative; padding: 2px 10px; background: url(images/menu_split.gif) right top no-repeat; cursor: pointer } .ddmenu li.end { background: transparent } .ddmenu li ul { width: 120px; position: absolute; left: -999em; top: 22px; margin-left: -10px; display: block; height: auto; background: #F0F0F0; border: 1px solid silver; z-index: 1000000 } .ddmenu li ul li { display: block; width: 9em; position: relative; padding: 5px; white-space: nowrap; background: transparent; font-weight: normal } .ddmenu li:hover ul { left: auto } .ddmenu li.sfhover ul { left: auto } .ddmenu li:hover, .ddmenu li.sfhover { background: #E0E0E0 } .ddmenu li:hover { background: #E0E0E0 url(images/menu_split.gif) right top no-repeat } .ddmenu li ul li:hover, .ddmenu li ul li.sfhover { background: #FAFAFA } .social { margin: 0px; padding-right: 5px } .social a.button { width: 16px; height: 16px; margin: 0px 2px; background: url(images/bookmarks.gif) no-repeat; cursor: pointer } .social a.del { background-position: 0px 0px } .social a.dig { background-position: -16px 0px } .social a.fav { background-position: -48px 0px } .social a.goo { background-position: -64px 0px } .social a.hot { background-position: -80px 0px } .social a.rr { background-position: -96px 0px } .social a.sh { background-position: -112px 0px } .social a.tec { background-position: -128px 0px } .social a.fac { background-position: -144px 0px } .social a.twt { background-position: -160px 0px } .submit { width: 815px } .submit td:first-child, .fcr td:first-child, .slf { width: 125px; text-align: right; vertical-align: top; padding-top: 5px; font-weight: inherit } .fcr input, .fcr textarea { width: 100% } .submit .clear td:first-child { text-align: inherit; width: auto } .submit .clear { vertical-align: inherit; padding: 2px; text-align: inherit; font-weight: inherit } .submit textarea, .submit .related, .srf { width: 675px } .w10 { width: 10% } .w15 { width: 15% } .w20 { width: 20% } .w25 { width: 25% } .w33 { width: 33% } .w50 { width: 50%; padding: 5px } .w50px { width: 50px } .w75 { width: 75% } .w75px { width: 75px } .w100 { width: 100% } .w100px { width: 100px } .w150px { width: 150px } .w200px { width: 200px } .m5 { margin: 5px }