/*+++++++++++++divs hack +++++++++++++*/
.group:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;

}
.group {
    display: inline-block;
    clear: both;
}
/* start commented backslash hack \*/
* html .group {
    height: 1%;
} .group {
    display: block;
}
body{
   background-image: url(../css/images/background_body.png);
}

/* form wrapper */	
#MainDiv{
    width:600px;
    border:1px solid #eaeaea;
    padding: 10px 10px 10px 10px;
    border-radius: 0px;
    background-color: #ffffff;
    font-family: Gill, Helvetica, sans-serif;
    color: #36465c;
    display: none;
}

/* messages boxes  */

#success{
    font-family: Arial;
    font-size: 12px;
    display: none;
    height: 22px;
    width:95%;
    background: #FBE3E4 url('../css/images/accept.png') no-repeat 10px center;
     padding: 10px 0px 10px 0px;
    color: #4F8A10;
    background-color: #DFF2BF;
    border:1px solid #6c9335;
    -moz-border-radius:5px 5px 5px 5px ;
    -webkit-border-radius:5px 5px 5px 5px ;
    border-radius:5px 5px 5px 5px ;
}

#error{
    font-family: Arial;
    font-size: 12px;
    display: none;
    height: 22px;
    width:95%;
    background: #FBE3E4 url('../css/images/exclamation.png') no-repeat 10px center;
    padding: 10px 0px 10px 0px;
    color:#8a1f11;
    border: 1px solid #FBC2C4;
    -moz-border-radius:5px 5px 5px 5px ;
    -webkit-border-radius:5px 5px 5px 5px ;
    border-radius:5px 5px 5px 5px ;
    cursor: pointer;
}


/*+++++++++Form elements+++++++++++*/
.label{ /*form label*/
    position: relative;
    color:dimgray;
    float:left;
    margin:5px 0px;
    background-color:#ffffff;
    border:1px solid #aaa;
    width:95%;
    padding: 10px 10px 10px 10px;
    margin-left:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:0px 0px 3px #aaa;
    -webkit-box-shadow:0px 0px 3px #aaa;
    box-shadow:0px 0px 3px #aaa;
    font-family: Gill, Helvetica, sans-serif;
    font-size:12px;
}

#files{ /*uploaded files container*/
    border: 0px solid aqua;

}

#UploadImagesdiv{
    margin-bottom: 10px;
    float: left;
}

#createAd .button{
    /*background-image:url('../css/images/button_bckgrnd.png');*/
    border:0px solid red;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width:90px;
    height: 30px;
    text-align: center;
    font-weight: bold;
    color: lavender;
    font-family: Arial Black;
    font-size: 12px;
    cursor:pointer;
    margin-top:1px;
    margin-left:5px;

}

/*+++++++++ /Form elements+++++++++++*/

/*+++++++++Uploaded image container++++++++++++++++++*/
.uploadedImages{

border:1px solid #e1e1e1;
position:relative;
float:left;
margin-right:15px;
margin-top:10px;
padding: 5px 5px 5px 5px;
background-color: #ffffff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

-moz-box-shadow:0px 0px 5px #000000;
-webkit-box-shadow:0px 0px 5px #000000;
box-shadow:0px 0px 5px #000000;

cursor:move;
}

.uploadedImagesContainer{

    background-repeat:no-repeat;
    background-position:0px 0px;
    border:0px solid grey;
    padding-top:7px;
    float: left;
    margin-right:5px;
    margin-top:5px;
    display: none;

}

    .imgTitleText{
        display:none;
        position:absolute;
        bottom:6px;
        left:5px;
        right: 5px;
        height: 20px;
        border: 1px solid #999999;
        width: 0px;
        font-family: verdana;
        font-size: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;

    }
    .editTextIcon{
        width:20px;
        height:20px;
        cursor:pointer;
        position:absolute;
        bottom:6px;
        left:5px;
    }

    /*scroll effects holder*/
    .effectListWrapper{
        position:absolute;
        right: -4px;
        top:5px;
        width:95px;
        border:0px solid blue;
       visibility: hidden;
    }
    /*++++++++effects buttons++++++++++++++++++++++++++/*/
        .buttoneEffects{
            position: relative;
            background:url('../css/images/effect_bckg.png') no-repeat;
            padding: 5px 5px;
            
        }
        .buttoneEffectsBlue{

            --background:url('../css/images/effect_bckg_blue.png') no-repeat;
            position:absolute;
            cursor:pointer;
            width: 35px;
            height:30px;
            padding: 5px 5px;
            color:white;
            visibility: hidden
        }
        .buttoneEffectsRed{

            background:url('../css/images/effect_bckg_red.png') no-repeat;
            position:absolute;
            cursor:pointer;
            width: 35px;
            height:30px;
            padding: 5px 5px;
            color:white;
            visibility: hidden
        }
        .buttoneEffectsGreen{

            background:url('../css/images/effect_bckg_green.png') no-repeat;
            position:absolute;
            cursor:pointer;
            width: 94px;
            height:30px;
            padding: 5px 5px;
            color:white;
            visibility: hidden;
        }
        .buttonZoom{
            background:url('../css/images/effect_bckg_blue.png') no-repeat;
            position:absolute;
            cursor:pointer;
            width: 94px;
            height:30px;
            padding: 5px 5px;
            color: #ffffff;
            visibility: hidden;
        }
        .buttonZoom a{/*call fancy box*/
            text-decoration:none;
            color:white;
            padding:10px 20px;

        }
        .buttoneEffects:hover, .buttoneEffectsBlue:hover,.buttoneEffectsRed:hover, .buttoneEffectsGreen:hover, .buttonZoom:hover, .closeFlyingDivButton:hover, #cropImageButton:hover{
            /*text-indent: -15px;*/
           /* font-weight: bold;*/
            text-decoration:underline;
        }
        .cropPrefixList,.cropPrefixList,.closeFlyingDivButton,#cropImageButton{
        /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

          /* IE 5-7 */
          filter: alpha(opacity=30);

          /* Netscape */
          -moz-opacity: 0.,3;

          /* Safari 1.x */
          -khtml-opacity: 0.3;

          /* Good browsers */
          opacity: 0.3;

        }
       .cropPrefixList:hover{
        /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

          /* IE 5-7 */
          filter: alpha(opacity=80);

          /* Netscape */
          -moz-opacity: 0.,8;

          /* Safari 1.x */
          -khtml-opacity: 0.8;

          /* Good browsers */
          opacity: 0.8;
    }
/*++++++++/effects buttons++++++++++++++++++++++++++/*/

/*+++++++++Uploaded image container++++++++++++++++++*/
#cropPrefixListScroll{
     width: 105px;
}
.scrollerClass{
    width: 105px;
}
.scrollerClass li {

	float:right;

	height:35px;
	width:35px;
	
	list-style:none;

	margin:0 0px 0 0;
	text-align:center;

}


/*++++++++++OPACity++++++++++++*/
.opacity03{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

  /* IE 5-7 */
  filter: alpha(opacity=20);

  /* Netscape */
  -moz-opacity: 0.,2;

  /* Safari 1.x */
  -khtml-opacity: 0.2;

  /* Good browsers */
  opacity: 0.2;

}
.opacity1{
/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 0.,9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
}

/*++++++++++++++OPACITY++++++++++++*/


/*+++++++++++Flying layer  -  manual crop window++++++++++++++++*/

#cropHolder{
        font-family: Gill, Helvetica, sans-serif;
        color: #36465c;
        font-size: 12px;
        display: none;
        left:20%;
        top:20%;
        width:400px;
        position: fixed;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow:0px 0px 3px #aaa;
	-webkit-box-shadow:0px 0px 3px #aaa;
	box-shadow:0px 0px 10px #aaa;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
	z-index:1000;
}

#insideFlyingLayer{
    position:relative;
    width:100%;
    height:100%;
}

#dragMe{
    position:absolute;
    right: 10px;
    top:-26px;
    width:50px;
    height:20px;
    background-color:#FFFFFF;
    border-left:1px solid #AAAAAA;
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -moz-box-shadow:0px -2px 2px #aaa;
    -webkit-box-shadow:0px -2px 2px #aaa;
    box-shadow:0px -2px 2px #aaa;
    cursor: move;
}

#cropPrefixListScrollWrapper{
    position:absolute;
    width:95px;
    left:-10px;
    top: 10px;
    z-index:1100;
}

#cropPrefixListScroll{
    height:200px;
    overflow:hidden;
    border: 0px solid grey;
}

#cropPrefixListScroll ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#imgCropHolder{
    float:right;
    border: 0px solid red;
}

.cropPrefixList{
    background:url(../css/images/effect_bckg_blue.png) no-repeat;
    padding: 5px 15px 5px 15px;
    color:white;
    cursor:pointer;
    width:72px;
    height:32px;
   /*display: none;*/
}

.closeFlyingDivButton{
    z-index:1100;
    background:url('../css/images/effect_bckg_red.png') no-repeat;
    position:absolute;
    bottom: 40px;
    left:-12px;
    width: 84px;
    height:30px;
    padding: 5px 15px 5px 15px;
    color:white;
    cursor:pointer;
    display: none;
}
#cropImageButton{
    z-index:1100;
    background:url('../css/images/effect_bckg_green.png') no-repeat;
    position:absolute;
    bottom:5px;
    left:-12px;
    width: 84px;
    height:30px;
    padding: 5px 15px 5px 15px;
    color:white;
    cursor:pointer;
    display: none;
}

/*+++++++++++Flying layer++++++++++++++++*/