input{margin-top: 2px;}
body{ 
text-align: center; 
/*background-color:#214232;*//*214232*/
margin: 0px;
font-family: verdana;
} 

h3,h2,img{margin: 0px;border: 0px;}
textarea{margin: 0px;padding: 0px;}

a{text-decoration: none;color: #333;}

h2{font-size: 13px;}
h3{font-size: 12px;}

.clear{clear: both;}

a{cursor: pointer;}


#Container{ 
text-align: right; 
max-width: 1350px;
min-width: 280px;
background-color:#fff;
font-family:tahoma;
font-size: 80%;
margin: 0 auto 0 auto; 
}

.iwlogo{
background-image: url(../images/gallery.png);
    background-position: 0px 0px;
    width: 137px;
    height: 31px;
}
.logo{
background-image: url(../images/gallery.png);
    background-position: 0px -110px;
    width: 364px;
    height: 59px;
    float: right;
    margin-right: 20px;
    /*margin-top: 20px;*/  
}
.btnSearch{
background-image: url(../images/gallery.png);
    background-position: 0px -47px;
width: 48px;height:45px;
float: left; cursor: pointer;    
}

/*.links1 {
	float: right;

    margin:20px 40px 0 0;
}
.links1 a{
font-family:arial; font-size:16px; 
color:#ccc;
font-weight:bold;
text-align: center;
text-decoration:none;

}
.links1 span{
padding-left:8px;
padding-right:8px;
color: #797F83;
}*/
#horizontalmenu{margin-right: 250px;}

#horizontalmenu li
{
    float: left;
    padding: 15px;
    list-style: none;
    font-size: 16px;    
}
#horizontalmenu li a{color:#ccc;font-family:arial; font-weight: bold;}
.navbutton a
{
    float: left;
    cursor: pointer;
    margin: 15px 0 0 15px;
    text-decoration: none;
	
}


.topBox2{/*height: 100px;*/padding: 20px 0 20px 0px;background-color: #DBDDE0;}

.searchBox{margin-top: 6px; float: left;width:320px}
.txtSearch{width: 98%; height: 45px; background-color: #4A5159; border: 0px;float: left; margin: 0px; 
margin-left: 10px;color: #fff; font-size: 18px; padding-right: 5px;}   

.thumbs{width: 100%; /*margin: 0 10px 0 10px;*/}
.allimgTd{
padding-right: 9px;    
}
.imgbox{
    margin-bottom: 20px;
    /*margin-left: 20px;*/
    /*border: 1px solid #fff;*/
}
#btnUpload{background-image: url(../images/upload4.png); 
background-position: right; background-repeat: no-repeat; 
font-size: 16px; font-weight: bold;color:#2D7CFD;
padding: 4px 28px 4px 0;
}


#startUpload {
    background-color: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    border:none;
    padding: 8px 10px 8px 10px;
    margin-top: 10px;
    font-weight: bold;
}
#startUpload:hover {
    border: none;
    background-color:#2D7CFD;
    box-shadow: 0px 0px 1px #777;
    
}
#uploadForm .label{
width:180px; 
float:right; 
text-align: left;
font-size: 12px; color:#2D7CFD;
margin-top: 3px;
}
#uploadForm .label sup{
    color: red;
}

.txtupload{width:260px;font-weight:bold; font-size: 14px;}

.radioBox{float:left; margin-left:10px;}
.selBox{
    background-color: #2E7DFF; font-size: 18px; color: #fff;
}
#spname{float: right;margin-right:10px;}

        .web_dialog_overlay
        {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
            background: #ccc;
            opacity: .35;
            filter: alpha(opacity=35);
            -moz-opacity: .35;
            z-index: 101;
            display: none;
        }
        #uploadForm
        {
            display: none;
            position:fixed;
            width: 630px;            
            max-height: 700px;
            top: 4%;
            left: 50%;
            margin: 0px 0px 0px -315px;
            z-index: 102;
            font-family: Verdana;
            font-size: 10pt;
            text-align: right;
            -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 10px solid #2D7CFD;
            padding:3px; background-color: #fff;
            overflow: hidden;
        }
        /*
                #uploadForm
        {
            display: none;
            position:fixed;
            width: 530px;
            max-height: 700px;
            top: 50%;
            left: 50%;
            margin: -230px 0px 0px -265px;
            z-index: 102;
            font-family: Verdana;
            font-size: 10pt;
            text-align: right;
            -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 10px solid #2D7CFD;
            padding:3px; background-color: #fff;
            overflow: hidden;
        }
        */        
                #popupCopy
        {
            display: none;
            /*visibility: hidden;*/
            position:fixed;
            max-width: 300px;
            min-width: 250px;            
            max-height: 400px;
            top: 50%;
            left: 50%;
            margin: -200px 0px 0px -150px;
            z-index: 102;
            font-size: 10pt;
            -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 10px solid #2D7CFD;
            background-color: #fff;
            overflow: hidden;
            padding-bottom: 4px;
        }
        #Container #popupdiv
        {
            display: none;
            position:fixed;
            width: 100%;
            max-width: 440px;
            max-height: 600px;
            top: 50%;
            left: 50%;
            margin: 0px 0px 0 -220px;
            z-index: 102;
            font-family: Verdana;
            font-size: 10pt;
            text-align: right;
            -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border: 10px solid #2D7CFD;
            padding:3px; background-color: #fff;
            overflow: hidden;
        }
        
/******************************************************* Login Box *********************************/
.LoginBox a{color: #4A5159;}
.LoginBox .links{color:#4A5159; font-family: Tahoma; font-size: 10px;padding-right: 10px;}
.LoginBox .btnLogin{font-family: Tahoma; font-size: 14px; color: #fff; background-color: #2D7CFD;
height: 30px;padding: 0 6px 0 6px; line-height: 30px; vertical-align: middle; font-weight: bold; margin-top: -3px;border: 0px; 
}
.LoginBox .txtbox{height: 30px; background-repeat: no-repeat; background-position: 0px 8px;  padding: 0px; border: 1px solid #4A5159;}

.LoggedIn{font-family: tahoma; font-size: 14px; font-weight: bold;}
.LoggedIn a{color:#999; font-weight: normal;}
.LoggedIn .edit{color:green;font-weight: bold;}
.LoggedIn .logout{color: #fff; background-color: #2D7CFD;padding: 1px 6px 3px 6px; border: 0px; 
vertical-align: middle; font-weight: bold;
}
        

@media all and (max-width: 1310px) {
.LoginBox .links{display: block;padding-right: 0px; padding-top: 3px;}
#horizontalmenu{ margin-right:100px}
}

@media all and (max-width: 1220px) {
#horizontalmenu{ margin-right:10px}
}



@media all and (max-width: 860px) {
#horizontalmenu{margin-right:10px;}
}    

@media all and (max-width: 780px) {

/*.txtSearch{width:100%}*/
#btnUpload{float: right;}
.topBox2{padding-top: 10px;}

#shareimg,#AreaUrl,#imgDimension{display: none;}
    
}


@media all and (max-width: 570px) {

.searchBox{float:right; margin-right: 10px; margin-top: 10px; }
.topBox2{padding-bottom: 10px;}    
/*.txtSearch{width:100%;}*/
.logo{margin: 10px 10px 0 0;}

        #uploadForm
        {
            /*width: 100%;*/
            max-width: 330px;
            /*max-height: 400px;*/
            margin: 0px 0px 0px -200px;
        }
        #uploadForm .label{width: auto; float: none; text-align: right;}

}

@media all and (max-width: 400px) {
    
.allimgTd{
padding-right: 0px;    
} 
/*#category1{margin-right: 10px;}*/
.radioBox{float: right;}
#spname{margin-right: 0px;}

.logo{
/*background-image: url(../images/gallery.png);*/
    background-position: 0px -176px;
    width: 281px;
    height: 47px;
}

        #uploadForm
        {
            /*width: 100%;*/
            max-width: 270px;
            max-height: 490px;
            margin: 0px 0px 0px -148px;
            overflow-y: scroll;
        }
        .txtupload{max-height: 60px;}
        
        #popupCopy
        {
            width: 250px;            
            max-height: 400px;
            top: 50%;
            left: 50%;
            margin: -200px 0px 0px -135px;
        }
        
        #Container #popupdiv
        {
            max-width: 270px;
            max-height: 400px;
            top: 50%;
            left: 50%;
            margin: -200px 0px 0 -150px;
        }           

#uploadForm .label{width: auto; float: none; text-align: right;}

.LoginBox .btnLogin{margin-top: 0px;}        

}

.showAsBig{
    background-image: url(../images/gallery.png);
    background-position: -64px -47px;
    width: 50px;
    height: 50px;
}
.viewers{
    background-image: url(../images/viewers.png);
    background-repeat: no-repeat;
background-position: left;
padding-left: 30px;
color: #fff;
    width: 27px;
    height: 14px;
padding-bottom: 1px;    
}
.download{
    background-image: url(../images/download.png);
    background-repeat: no-repeat;
background-position: left;
padding-left: 28px;
color: #fff;
    width: 25px;
    height: 17px;
cursor: pointer; 
}
.comment_btn_show,.postComment{
    background-image: url(../images/comment1.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 22px;
height: 17px;
cursor: pointer;
padding-bottom: 4px;
color: #fff;
}
.copyUrl{
    background-image: url(../images/copy.png);
background-repeat: no-repeat;
height: 15px;
width: 16px;
cursor: pointer;
}
.report_h{background-image: url(../images/report.png);
background-position: right;background-repeat: no-repeat;
width: 16px;
height: 16px;
}

.commentbox, .txtreport{
    /*width: 326px;*/
    width:99%;
    color: #8D8B8B;
    resize: none;
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: bold;
    min-height: 20px;
}
.txtreport{color: #000;}

.comment{background-image: url(../images/comment.png);
background-repeat: no-repeat;
background-position: right 4px;
padding-right: 20px;
text-align: right;
margin-top: 1px;
background-color: #E3F1EC;
border-bottom:1px solid #fff;
padding-top: 3px;
padding-bottom: 5px;
font-weight: normal;
direction: rtl;
overflow-x: scroll;
}
.btnSaveComment{
    margin-right: 5px;float: right; width: 66px; height: 20px; border: 1px solid #216383;
    cursor: pointer;
}


/************************ Rating ************************************/
.datasSent, .serverResponse{margin-top:20px;width:470px;height:73px;border:1px solid #F0F0F0;background-color:#F8F8F8;padding:10px;float:left;margin-right:10px}
		.datasSent{width:200px;position:fixed;left:680px;top:0}
		.serverResponse{position:fixed;left:680px;top:100px}
		.datasSent p, .serverResponse p {font-style:italic;font-size:12px}
		.exemple{margin-top:6px;}
		.clr{clear:both}
		pre {margin:0;padding:0}
		.notice {background-color:#F4F4F4;color:#666;border:1px solid #CECECE;padding:10px;font-weight:bold;width:600px;font-size:12px;margin-top:10px}
/*****************************************************************/



        


        

        

#btnClose1/*,#copyUrl*/{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
border: 3px solid #ccc;height:30px; line-height: 30px; vertical-align: middle;
text-align: center; background-color: #2D7CFD; color: #fff; cursor: pointer;
}

.btnClose{
border: 1px solid #ccc; margin:3px ;cursor: pointer; padding: 2px; float: left;    
}
.btnClose:hover{border: 1px solid #333;}

          
.arrowdown
{
background-image: url(../images/arrowdown.png); 
background-repeat:no-repeat; 
height: 9px;
}        

.popupmsg{vertical-align:middle;color:green; margin: 20px 0px 20px 0px;}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}


.label{font-size: 14px; font-weight: bold; margin-left: 4px;}


.language{
float:right;
margin-top:15px; 
margin-right:45px;
}
.language a{
text-decoration:none;
font-size:9px;
font-weight:bold;
color:#FFFFFF;
font-family:verdana;
}
.language a:hover
{
text-decoration:underline;
}
.language span
{
color:#FFFFFF;
font-size:10px;
padding-left:3px;
font-weight:bold;
}

.note {
  font-family: Tahoma,Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #024574;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 25px;
  text-align: right;
  text-decoration: none;
}

#MiddleContent
{
background-color: #DBDDE0;
/*border: 1px solid red;*/
padding-top: 10px;
padding-bottom: 10px;
margin-top: 4px;
}

#AddMorekey{
background-color:#666;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; 
color: #fff;
cursor: pointer;
padding: 2px 4px 2px 4px;
}
#AddMorekey:hover{background-color:#333;}

.tags{/*float: right; */padding: 3px; background-color:#333;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
border: 1px solid #666; margin-left: 3px; color: #fff;
font-size: 14px;
background-image: url(../images/tags.png);
background-position: right;
background-repeat: no-repeat;
padding-right: 18px;
font-weight: bold;
display: inline-block; margin-bottom: 5px;
}
.tags:hover{background-color:#666;}

.removekey{font-size:12px;margin-right:3px;margin-left:3px;
font-family:verdana;color:#AAA9A9;cursor:pointer;
}
.removekey:hover{color:red; /*font-size: 12px;*/}

.photo_download a{font-family: "Times New Roman";}

.power{
font-size:12px; 
font-family:Tahoma; 
color:#FFFFFF;
background-color: #232A32;
height: 35px;
line-height: 35px;
text-align: center;
}
.power a{color: #fff;}
/********************************************************************************/





/*-------- Pagination --------*/
.Paging{float:right; margin-right:6px;}
.Paging h4 {

	font-weight: normal;
	color: #333;
	float: left;
	padding: 0px 15px 0px 2px;
	margin:0px;
}
.Paging .NextBack {
	/*width: 395px;*/
	float: left;
	height: 22px;
	padding-left: 1px;
	/*border:1px solid #CCCCCC;*/
}
/*.Paging .SelectText{
	float: right;
	width: 128px;
	border: 1px solid #A9C0D8;
}*/


.Paging .NextBack .Back {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
    font-size: 12px;
}
.Paging .NextBack .Next {
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
    font-size: 12px;
}
.Paging .NextBack a {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #2D7CFD;
	display: block;
}

.Paging .NextBack .SelectPgeNum {
	float: left;
	border:1px solid #A9C0D8;
    background-color: #2D7CFD;
	height: 20px;
	width: 50px;
	font-size: 11px;
    color: #fff;
}
.Paging .NextBack span{
	color: #2D7CFD;
	float: left;
	padding-top: 2px;
}
/*-----------*/