



body {

    margin: 0;

    padding: 10px;

    font-family: arial, Tahoma, sans-serif;

    font-size: 12px;

    color: #323232;

}



h1 {

    font-size: 22px;

}



h1 small {

    font-size: 16px;

    color: #323232;

    font-weight: normal;

}



label {

    display:block;

    padding-bottom: 2px;

    margin-top: 10px;

}



input {

    display: block;

}



form {

    display:block;

    width: 100%;

}



textarea {

    display: block;

    width: 95%;

    margin: 0;

    padding: 5px;

    border:1px solid #999;

    border-radius: 5px;

    font-family: arial, Tahoma, sans-serif;

    font-size: 12px;

    height: 100px;

}



input[type=text] {

    display: block;

    padding: 5px;

    border:1px solid #999;

    border-radius: 5px;

    font-family: arial, Tahoma, sans-serif;

    font-size: 12px;

}



input[type=submit] {

    margin-top: 20px;

}



.screenshot {

    position: relative;

}



.screenshot img {

    width: 100%;

}



.screenshot .marker{

    position: absolute;

    width: 150px;

    height: 30px;

    background: rgba(0,0,0,0.7);



    top: 142px;

    left: 150px;

}



.screenshot .marker .pin {

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 0;

   	height: 0;

   	border-left: 10px solid transparent;

   	border-right: 10px solid transparent;

   	border-top: 10px solid rgba(0,0,0,0.7);

}



.screenshot .marker input {

    background: none repeat scroll 0 0 transparent;

    border: 1px solid #FFFFFF;

    color: #FFFFFF;

    left: 5px;

    position: absolute;

    top: 5px;

    width: 134px;

    margin: 0;

    padding: 2px;

    font-size: 12px;

}



.screenshot .marker .close {

    position: absolute;

    width:10px;

    height: 10px;

    right: -5px;

    top: -5px;

    background: #000;

    border-radius: 5px;

    font-size: 10px;

    color: #fff;

    text-align: center;

    line-height: 7px;

    cursor: pointer;

}

