body { background: #fff; color: #000; font-family: 'Lucida Grande', 'Tahoma', sans-serif; text-align: center; }

h1 { font-family: 'Georgia', 'Times', 'Times New Roman', serif; font-size: 16pt; line-height: 40px; height: 40px; text-align: center; }
h2 { font-family: 'Lucida Grande', 'Tahoma', sans-serif; font-size: large; text-align: center; margin-top: 15px; padding: 0; }
h3 { font-family: 'Lucida Grande', 'Tahoma', sans-serif; font-size: medium; font-weight: normal; text-align: left; margin-top: 30px; padding: 0; color: #666; }
div { text-align: left; }
form { margin: 0; }
textarea { width: 500px; height: 150px; font-family: 'Monaco', 'Courier New', monospace; font-size: 10pt; color: #222; border: 1px solid #ccc; background: #f3f2f0; margin-bottom: 10px; font-weight: normal; }
hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
table, td, th { border: 0; }
td { font-size: 10pt; }
th { font-size: 11pt; }
a { text-decoration: none; color: #33e; }
a:hover { text-decoration: underline; color: #66f; }
a:visited { color: #551a8b; }
a img { border: 0; }
small { font-size: 8pt; }

table.error { width: 100%; border-collapse: collapse; border-spacing: 0px; }
td.error { padding:10px; background: #FFBBBB; color: white; FONT-WEIGHT: normal; color: #000000; FONT-SIZE: 11px;  FONT-FAMILY: Verdana; line-height: 18px;}

table.message { width: 100%; border-collapse: collapse; border-spacing: 0px; }
td.message { padding:10px; background: #BBFFBB; color: white; FONT-WEIGHT: normal; color: #000000; FONT-SIZE: 11px;  FONT-FAMILY: Verdana; line-height: 18px;}

#page { margin: 20px auto; width: 740px; }
.menu { margin: 20px 0; font-size: 10pt; }

div#pics p { font-size: 14px; }
div#pics div.q { font-family: 'Monaco', 'Courier New', monospace; font-size: 10pt; margin: 22px 0; font-weight: normal; }
div#pics div.q div.inq, div.stats { background: #f7f7f7; padding: 5px; border: 1px solid #999; }
div#pics div.q div.vote { font-family: 'Lucida Grande', 'Tahoma', sans-serif; font-size: 12pt; background: #fff; border: 0; padding-left: 0px; padding-right: 0px; margin-bottom: 5px;}
div#pics div.q div div.alr { border: none; text-align: right; }
div.news { font-family: 'Lucida Grande', 'Tahoma', sans-serif; font-size: 9pt; }
div.stats div.q { font-family: 'Monaco', 'Courier New', monospace; font-size: 8pt; font-weight: normal; }
div.news p { text-align: left; margin: 5px 0; }
div.submit { text-align: right; }

.ratingsmenu { margin: 3px 3px 3px 3px; text-align: center; font-size: 10pt; padding: 2px; border: 1px solid #999; background: #f7f7f7; }

.pager a, .pager span { float: left; display: block; padding: 0 10px; margin: 0 1px; height: 20px; line-height: 20px; font-weight: normal; font-size: smaller; }
.pager a { background: #f7f7f7; }
.pager a:hover { background: #66f; color: #fff; }
.pager span { font-weight: bold; font-size: smaller; }
.pager span.first { margin: 0; padding: 0 10px 0 0; font-size: smaller; }

.menu ul { float: left; width: 123px; }
.menu ul, .menu ul li { margin: 0; padding: 2px 0; list-style: none; }
.menu ul li a, .menu ul li span { border-left: 1px solid #999; border-right: 1px solid #999; padding: 0 5px; }
.menu ul li span { font-weight: bold; }

#cm_boiler { height: 30px; margin: 10px 0; font-size: x-small; }
#cm_navi { margin: 10px 0; font-size: x-small; text-align: center;}

table { border: 0; padding: 0; margin: 0; border-collapse: collapse; width: 100%; }
table.cm td { font-size: 14px; padding: 0 0.5em; vertical-align: top; line-height: 1.8em; }
table.cm td.m { text-align: right; font-weight: bold; }
table.cm td.h { border-bottom: 2px solid #ccc; text-align: right; font-weight: bold; vertical-align: bottom; }
table.cm td.h h3 { margin: 30px 0 15px -0.5em; }
table.cm tr.odd td { background: #eee; }
table.cm tr.even td { background: #fafafa; }

span.navigation-fixed { background: #FFAAAA; padding: 3px 6px; margin: 0px; vertical-align: middle; border: 1px solid #CCCCCC; }
span.navigation-active { padding: 3px 6px; margin: 0px; vertical-align: middle; border: 1px solid #CCCCCC; cursor: pointer;}
span.navigation-active:hover { padding: 3px 6px; margin: 0px; vertical-align: middle; border: 1px solid #CCCCCC; cursor: pointer; background: #CCCCCC; }
span.navigation-arrows { font-size: 30px; vertical-align: middle }
span.navigation-arrows:hover { color: #FF0000; }
a.navigation-active-link:hover { text-decoration: none;}
div.navigation-central-div { text-align: center; vertical-align: middle; padding: 10px; }
div.navigation-left-div { float: left; height: 30px; }
div.navigation-right-div { float: right; height: 30px; }

.list-pic{
display: none;
}
.found{
color : red ;
cursor: pointer;
}
.comapre-result{
    border: none;
}
.not-found{
color : green ;
}

.delete, .edit, .save-edit, .approve, .compare-all, .compare-this, 
    .sp-button, .img-edit, .img-buttons,.img-rotate-left,.img-rotate-right{
cursor: pointer;
color : blue;
border : 1px black dotted;
padding: 2px;
margin-right: 3px;
}

.img-panel{
    display: none;
}
.edit, .delete, .img-rotate-left, .img-rotate-right, .img-edit{
    border: none;
}
.message{
    text-align: center;
    display: none;
}
.edit-form{
    background-color: white;
   color: white;
    padding: 5x;
}
.save-edit{
    width: 300px;
    display: block;
    text-align: center;
    
}
.success{
color: green;    
}
.error{
    color: red;
}
#img-params{
    display:none;
}
.img-button{
    width:20px;
    height: 20px;
    margin-right: 3px;
    float:left;
    cursor: pointer;	
    
    
}