/*  
Theme Name: 7ojozat.com
Description: Fixed width 2 column layout
*/

/* global styles */
body { background-color: #3c9ebe; margin: 0px; padding: 0px; color: #666666; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 12px; }
h1 { display: block; height: 25px; margin: 0px; padding: 0px; font-size: 16px; color: #3c9ebe; }
h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 14px; color: #3c9ebe; }
h2 a:link, h2 a:visited { text-decoration: underline; }
a img { border: none; }
a:link, a:visited { color: #3c9ebe; text-decoration: none; }
a:hover { color: #666666; text-decoration: underline; }
a.plugin{color: #3c9ebe; text-decoration: none; cursor: auto;}
a.plugin:hover {color: #666666; text-decoration: underline; cursor: pointer;}
form { margin: 0px; padding: 0px; }
form input, form textarea { width: 99%; background-color: transparent; border: none; }

.wrap { width: 960px; margin: 0px auto 0px auto; padding: 0px; overflow: hidden; }
#header { width: 100%; height: 110px; background: #ffffff url(../images/header.gif) repeat-x top left; }
#main { width: 100%; padding: 20px 0px 0px 0px; background-color: #ffffff; }

.italic { font-style: italic; }

/* content styles */
#content { float: left; width: 690px; margin: 0px; padding: 0px; overflow: hidden; }
#content .box-wrap { background: #ffffff url(../images/box-bg.gif) repeat-y top left; margin-bottom: 20px; }
#content .box-top { background: transparent url(../images/box-top.gif) no-repeat top left; }
#content .box-bot { background: transparent url(../images/box-bot.gif) no-repeat bottom left; }

/* sidebar styles */
#sidebar { float: right; width: 250px; margin: 0px; padding: 0px; overflow: hidden; }
#sidebar .box-wrap { background: #ffffff url(../images/side-bg.gif) repeat-y top left; margin-bottom: 20px; }
#sidebar .box-top { background: transparent url(../images/side-top.gif) no-repeat top left; }
#sidebar .box-bot { background: transparent url(../images/side-bot.gif) no-repeat bottom left; }

/* global box styles */
.box-main { padding: 5px; }
.box { background-color: transparent; margin: 0px; padding: 15px; overflow: hidden; }
.boxfooter { margin-top: 35px; padding-top: 10px; text-align: center; border-top: 1px solid #cccccc; }

/* main content search styles */
#searchbox .label { float: left; width: 100px; height: 18px; padding-top: 5px; font-size: 14px; overflow: hidden; }
#searchbox .input { float: left; width: 420px; height: 18px; padding: 3px; margin-right: 15px; border: 1px solid #666666; overflow: hidden; }
#searchbox .error_message{ float: left; width: 500px; height: 18px; padding-top: 5px; margin-top: 5px; font-size: 14px; color: red; overflow: hidden; }
#searchbox .submit { float: right; width: 94px; height: 18px; padding: 3px; border: 1px solid #666666; background-color: #ececec; overflow: hidden; }
#searchbox .submit:active { float: right; width: 94px; height: 18px; padding: 3px; border: 1px solid #666666; background-color: #BDBDBD; overflow: hidden; }

dl#hotel-results { font-size: 14px; }

dl#hotel-results dt {	line-height: 24px;}

/* search results styles */
.resultsleft { float: left; width: 320px; margin: 15px 0px 15px 0px; padding: 0px; }
.resultsright { float: right; width: 320px; margin: 15px 0px 15px 0px; padding: 0px; }
.resultsleft img, .resultsright img { margin: 0px 10px 0px 0px; padding: 0px; }
.resultsleft ul, .resultsright ul { display: block; float: left; width: 155px; margin: 0px; padding: 0px; }
.resultsleft ul.flag, .resultsright ul.flag { width: 245px; font-size: 14px;}
.resultsleft ul.flag.arabic, .resultsright ul.flag.arabic { width: 245px; float: right;}
.resultsleft li, .resultsright li { list-style-type: none; margin: 0px; padding: 0px 0px 5px 10px; background: transparent url(../images/bullet.gif) no-repeat top left; }
.results_num { font-size: 12px; margin-left: 15px; }
.search_term { margin-left: 10px; }

/* other destinations styles */
.otherdest { width: 650px; overflow: hidden; }
.otherdest a { display: block; float: left; width: 128px; margin: 0px 0px 5px 0px; padding: 0px; }
.otherdest .odd { padding: 3px; }
.otherdest .even { padding: 3px; background-color: #e4f1fc; }

/* static page styles */
#static p { line-height: 18px; }

/* contact form styles */
#contact { margin: 0px; padding: 20px 0px 0px 0px; }
#contact .label { float: left; width: 120px; height: 18px; padding-top: 3px; font-size: 14px; overflow: hidden; }
#contact .input { float: left; width: 300px; height: 18px; padding: 3px; margin: 0px 0px 10px 0px; border: 1px solid #666666; overflow: hidden; }
#contact .submit { float: left; width: 94px; height: 18px; padding: 3px; border: 1px solid #666666; background-color: #ececec; overflow: hidden; }
#contact .textarea { float: left; width: 520px; padding: 3px; margin: 0px 0px 10px 0px; border: 1px solid #666666; overflow: hidden; }

/* footer styles */
#footer { text-align: center; color: #ffffff; padding: 20px; }
#footer a:link, #footer a:visited { font-weight: bold; color: #ffffff; }
#footer a:hover { color: #000000; }

/* misc styles */
.clear { clear: both; }
.hr1 { height: 1px; border-top: 1px solid #cccccc; }

div.tooltip { 
    background-color:#000; 
    border:1px solid #fff; 
    padding:10px 15px; 
    width:300px; 
    display:none; 
    color:#fff; 
    text-align:left; 
    font-size:12px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}

iframe#dohop {
	overflow-x: hidden;
	overflow-y: scroll;
}