/* 
    Document   : plugin_styles.css
    Created on : 24.11.2012., 17:07:48
    Author     : Marinko Peso
    Description:
        StyleSheet of the CroMeteoMap WP plugin
*/


/* General Map Style & Positioning + Admin */
#cmmMapContainer { width: 100%; height: 100%; float: left; margin-bottom: 10px; }
#cmmMapCon1 { width: 290px; height: 280px; float: left; }
#cmmMapCon2 { width: 145px; height: 280px; margin-left: 10px; float: left; }
.cmmMapCon3 { width: 30px; height: 280px; margin-left: 10px; float: left; }
#cmmMapBig { position:relative; width: 290px; height: 280px; padding: 0px; background-image:url('../img/mapBig.jpg'); float: left; }
#cmmMapSmall1 { position:relative; width: 145px; height: 135px; padding: 0px; background-image:url('../img/mapSmall.jpg'); margin-bottom: 10px; float: left; }
#cmmMapSmall2 { position:relative; width: 145px; height: 135px; padding: 0px; background-image:url('../img/mapSmall.jpg'); float: left; }
.dragIcons { width: 30px; height: 30px; margin-bottom: 5px; }
.cmmIconRewrite { border: 0px !important; -webkit-box-shadow: 0px 0px 0px !important; padding: 0px !important; }


/* Additinal FrontEnd Styles */
#cmmFrontContainer { width: 510px; height: auto; padding: 5px; display: table; margin: 0 auto; }
#cmmFrontMaps { width: 500px; float: left; margin-bottom: 10px; }
#cmmFrontText { width: 500px; float: left; color: #707070; font-size: 13px; line-height: 1.6em; font-family: Arial, "Microsoft Sans Serif", "Lucida Sans Unicode"; }
#cmmFrontText2 { width: 500px; float: left; color: #707070; font-size: 13px; line-height: 1.6em; font-family: Arial, "Microsoft Sans Serif", "Lucida Sans Unicode"; }
.cmmFrontTitle { font-size: 14px; color: #333; margin: 5px 5px 5px 0px; font-weight: bold; }
.cmmFrontDesc { font-size: 13px; color: #333; margin-bottom: 5px; }


/* Big Map Style & Positioning */
#cmmB_1  { position: absolute; top: 28px; left: 4px; width: 30px; height: 30px; }
#cmmB_2  { position: absolute; top: 4px; left: 66px; width: 30px; height: 30px; }
#cmmB_3  { position: absolute; top: 16px; left: 134px; width: 30px; height: 30px; }
#cmmB_4  { position: absolute; top: 14px; left: 204px; width: 30px; height: 30px; }
#cmmB_5  { position: absolute; top: 86px; left: 16px; width: 30px; height: 30px; }
#cmmB_6  { position: absolute; top: 55px; left: 45px; width: 30px; height: 30px; }
#cmmB_7  { position: absolute; top: 56px; left: 105px; width: 30px; height: 30px; }
#cmmB_8  { position: absolute; top: 58px; left: 170px; width: 30px; height: 30px; }
#cmmB_9  { position: absolute; top: 65px; left: 228px; width: 30px; height: 30px; }
#cmmB_10 { position: absolute; top: 130px; left: 46px; width: 30px; height: 30px; }
#cmmB_11 { position: absolute; top: 108px; left: 89px; width: 30px; height: 30px; }
#cmmB_12 { position: absolute; top: 114px; left: 151px; width: 30px; height: 30px; }
#cmmB_13 { position: absolute; top: 114px; left: 229px; width: 30px; height: 30px; }
#cmmB_14 { position: absolute; top: 164px; left: 90px; width: 30px; height: 30px; }
#cmmB_15 { position: absolute; top: 168px; left: 141px; width: 30px; height: 30px; }
#cmmB_16 { position: absolute; top: 162px; left: 219px; width: 30px; height: 30px; }
#cmmB_17 { position: absolute; top: 212px; left: 157px; width: 30px; height: 30px; }
#cmmB_18 { position: absolute; top: 212px; left: 198px; width: 30px; height: 30px; }
#cmmB_19 { position: absolute; top: 245px; left: 218px; width: 30px; height: 30px; }
#cmmB_20 { position: absolute; top: 220px; left: 90px; width: 30px; height: 30px; }
#cmmB_21 { position: absolute; top: 180px; left: 40px; width: 30px; height: 30px; }
#cmmB_desc { position: absolute; top: 257px; left: 0px; color: #333; font-size: 16px; font-weight: bold; margin-left: 3px; }


/* 2nd day Map Style & Positioning */
#cmmS1_1 { position: absolute; top: 0px; left: 13px; width: 30px; height: 30px; }
#cmmS1_2 { position: absolute; top: 11px; left: 56px; width: 30px; height: 30px; }
#cmmS1_3 { position: absolute; top: 21px; left: 100px; width: 30px; height: 30px; }
#cmmS1_4 { position: absolute; top: 36px; left: 2px; width: 30px; height: 30px; }
#cmmS1_5 { position: absolute; top: 41px; left: 42px; width: 30px; height: 30px; }
#cmmS1_6 { position: absolute; top: 78px; left: 47px; width: 30px; height: 30px; }
#cmmS1_7 { position: absolute; top: 65px; left: 92px; width: 30px; height: 30px; }
#cmmS1_8 { position: absolute; top: 104px; left: 86px; width: 30px; height: 30px; }
#cmmS1_desc { position: absolute; top: 115px; left: 0px; color: #333; font-size: 14px; font-weight: bold; margin-left: 5px; }


/* 3rd day Map Style & Positiong */
#cmmS2_1 { position: absolute; top: 0px; left: 13px; width: 30px; height: 30px; }
#cmmS2_2 { position: absolute; top: 11px; left: 56px; width: 30px; height: 30px; }
#cmmS2_3 { position: absolute; top: 21px; left: 100px; width: 30px; height: 30px; }
#cmmS2_4 { position: absolute; top: 36px; left: 2px; width: 30px; height: 30px; }
#cmmS2_5 { position: absolute; top: 41px; left: 42px; width: 30px; height: 30px; }
#cmmS2_6 { position: absolute; top: 78px; left: 47px; width: 30px; height: 30px; }
#cmmS2_7 { position: absolute; top: 65px; left: 92px; width: 30px; height: 30px; }
#cmmS2_8 { position: absolute; top: 104px; left: 86px; width: 30px; height: 30px; }
#cmmS2_desc { position: absolute; top: 115px; left: 0px; color: #333; font-size: 14px; font-weight: bold; margin-left: 5px; }