/* general purpose styles */

.langdir   { direction:rtl; }
.langdirop { direction:ltr; }
.langalign   { text-align: right; }
.langalignop { text-align: left; }
.langfloat   { float: right; }
.langfloatop { float: left; }
.docDirection { direction:rtl; }


.op_icon {vertical-align:middle; margin-top:3px;}

.titlegreen { color: #99cc33; font-family: Arial; font-size: 1.7em; font-weight: bold; direction:rtl;}
.textgreen { color: #99cc33; font-family: Arial; }
.transtextbox { background-color:transparent; color: #666666; margin-left:10px; border: 0px; font-family:Arial; }
.transdropdown { border: 0; width: 130px; height:19px; background-color:transparent; color: #474741; }
.redtext { color: #FF5301; }
.xlargetext { font-size:1.8em; }
.largetext { font-size:1.7em; }

div.mainTitleDiv { float: right; width: 678px; text-align: right; padding: 10px 15px 0 0; }
div.mainPartDiv { direction:rtl; }

div.Mandatory { float:left; font-weight:bold;}
span.Mandatory { color: #FF5301; font-size:1.8em;font-weight:normal; padding-right:5px;}
span.MandatorySign { color: #FF5301; font-size:1.7em; padding-right:5px;}

div.greenbox {margin-top:0px;padding:10px 10px 7px 20px; position:relative;}
div.greenbox .otitle {position:absolute; top:-15px; background-color:White; padding:0 5px 0 5px; margin:0; height:15px;}

div.clearbox {margin-top:10px;padding:10px 20px 15px 20px; position:relative;}
div.clearbox img.tl {position:absolute; top:0; left:0; width:9px; height:9px;}
div.clearbox img.tr {position:absolute; top:0; right:0; width:9px; height:9px;}
div.clearbox img.bl {position:absolute; bottom:0; left:0; width:9px; height:9px;}
div.clearbox img.br {position:absolute; bottom:0; right:0; width:9px; height:9px;}

/* input text box styles */

img.tastart {float:right; vertical-align:top;width: 13px; height: 24px; }
img.taend {vertical-align:top; width: 12px; height: 24px; float:right;}
.roundedtextbox  { float:right;border: 0; padding-top:4px; width: 130px; height:24px; background-color:transparent; color: #666666; background:url("../images_common/ta-mid.gif") 0 0 no-repeat; }
.roundedtextbox1 { float:right;border: 0; padding-top:4px; width: 200px; height:24px; background-color:transparent; color: #666666; background:url("../images_common/ta-mid.gif") 0 0 repeat-x; }
.roundedtextbox2 { float:right;border: 0; padding-top:4px; width: 250px; height:24px; background-color:transparent; color: #666666; background:url("../images_common/ta-mid.gif") 0 0 repeat-x; }
.roundedtextboxru { float:right;border: 0; padding-top:4px; width: 130px; height:24px; background-color:transparent; color: #666666; background:url("../images/download/small-ta-mid.gif") 0 0 repeat-x; }
.roundedtextboxnu { float:right;border: 0; padding-top:4px; width: 40px; height:24px; background-color:transparent; color: #666666; background:url("../images_common/ta-mid.gif") 0 0 no-repeat; }
.roundedtextboxfp  { float:none; border: 0; padding:4px 20px 0 0; width: 190px; direction:ltr; height:24px; background-color:transparent; color: #666666;  }



div.app1 { background: url("../images/balbum/blueapp1.gif") 0 0 no-repeat; width: 620px; height: 274px; float:right}
div.app2 { background: url("../images/balbum/greenapp2.gif") 0 0 no-repeat; width: 620px; height: 274px; float:right }
div.app3 { background: url("../images/balbum/brownapp3.gif") 0 0 no-repeat; width: 620px; height: 274px; float:right }
div.textApp { padding : 20px 0px 0 0; line-height:25px;  color: #ffffff; font-family: Arial; font-size: 1.1em; float:right; }
div.btnapp { display: block; width: 45px; height: 45px; float:none; cursor: pointer;  }

div#product1 { background: url("../images/products/product1.jpg") 0 0 no-repeat; width: 217px; height: 301px; float:right; }
div#product2 { background: url("../images/products/product2.jpg") 0 0 no-repeat; width: 217px; height: 301px; float:right; margin-right: 18px; }
div#product3 { background: url("../images/products/product3.jpg") 0 0 no-repeat; width: 217px; height: 301px; float:right; margin-right: 18px; }
div#product4 { background: url("../images/products/product4.jpg") 0 0 no-repeat; width: 217px; height: 301px; float:right; }
div#product5 { background: url("../images/products/product5.jpg") 0 0 no-repeat; width: 217px; height: 301px; float:right; margin-right: 18px; }
div#product6 { background: url("../images/products/product80.jpg") 0 0 no-repeat; width: 217px; height: 301px; float:right; margin-right: 18px; }
div.productsText { padding: 185px 18px 0 0; }
td.productHeader {width: 217px; height: 20px; text-align:center;}




/* buttons */

a.rolloverDetails  { display: block; width: 121px; height: 31px; background-position: 0 0; 
                     background: url("../images/home/but_details.jpg") no-repeat; }
a.rolloverDetails:hover { background-position:0 -31px; }
a.rolloverBtndownload  { display: block; width: 110px; height: 30px; background-position: 0 0; 
                         background: url("../images/home/but_download.jpg") no-repeat; }
a.rolloverBtndownload:hover { background-position:0 -30px; }
a.btnconnecthp  { display:block; width: 71px; height: 25px; font-size:14px; font-weight: bold; color:White; text-decoration:none;
                  background-image:url("../images_common/btn_connect.jpg");
                  background-position: 0 0; text-align:center; line-height:22px;  }
a.btnconnecthp:hover { background-position:0 -25px;}
a.btnsend  { width: 71px; height: 25px; font-size:14px; font-weight: bold; color:White; text-decoration:none;
             background-image: url("../images/forgotpass/btn_send.jpg");
             background-position: 0 0; text-align:center; line-height:22px;  }
a.btnsend:hover { background-position:0 -25px;}
a.btnplus  { display: block; width: 22px; height: 19px; background-position: 0 0;
             background: url("../images/gallery/btn_plus.gif") no-repeat;}
a.btnplus:hover { background-position:0 -19px;}
a.btnbuy  { display: block; width: 22px; height: 19px; background-position: 0 0;
             background: url("../images/gallery/btn_buy.gif") no-repeat; }
a.btnbuy:hover { background-position:0 -19px; }
a.btnregister { display: block; width: 161px; height: 34px; background-position: 0 0;
                background: url("../images/download/buttons_3_positions_red.png") no-repeat; 
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }
a.btnregister:hover { background-position:0 -33px; }
a.btnGallery { display: block; width: 163px; height: 31px; background-position: 0 0;
                background: url("../images/download/gallery_back_btn.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:10px; }
a.btnGallery:hover { background-position:0 -33px; }

a.btnBlue { display: block; width: 161px; height: 31px; background-position: 0 0;
                background: url("../images/download/buttons_3_positions_blue.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }
a.btnBlue:hover { background-position:0 -33px;}

a.btnBlueMain { display: block; width: 240px; height: 41px; background-position: 0 0;
                background: url("../images/download/blue.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:40px; }
a.btnBlueMain:hover { background-position:0 -43px;}

a.btnGreen  {  display: block; width: 161px; height: 31px; background-position: 0 0;
                background: url("../images/download/buttons_3_small_green.png") no-repeat;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }
a.btnGreen:hover { background-position:0 -33px;}
a.btnGreenMain { display: block; width: 240px; height: 41px; background-position: 0 0;
                background: url("../images/download/green.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:40px; }
a.btnGreenMain:hover { background-position:0 -43px;}

a.btnRed {  display: block; width: 161px; height: 31px; background-position: 0 0;
                background: url("../images/download/buttons_3_small_red.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }
a.btnRed:hover { background-position:0 -34px;}
.btnRedDisabled {  display: block; width: 161px; height: 31px; border: none;
                background: url("../images/download/buttons_3_small_red.png") no-repeat; background-position: 0 -68px;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }

a.btnRedMain { display: block; width: 240px; height: 41px; background-position: 0 0;
                background: url("../images/download/red.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:40px; }
a.btnRedMain:hover { background-position:0 -43px;}

a.btnOrange { display: block; width: 161px; height: 31px; background-position: 0 0;
                background: url("../images/download/buttons_3_small_orange.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }
a.btnOrange:hover { background-position:0 -33px;}
a.btnOrangeMain { display: block; width: 240px; height: 41px; background-position: 0 0;
                background: url("../images/download/orange.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:40px; }
a.btnOrangeMain:hover { background-position:0 -43px;}

a.btnDarkRedMain { display: block; width: 240px; height: 41px; background-position: 0 0;
                background: url("../images/download/DarkRed.png") no-repeat; float: left;border: none;
               font-size:17px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:40px; }
a.btnDarkRedMain:hover { background-position:0 -43px;}


a.btnconnect { display: block; width: 161px; height: 34px; background-position: 0 0;
               background: url("../images/download/connect.png") no-repeat;
               font-size:14px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:23px; }
a.btnconnect:hover { background-position:0 -33px;}
a.btndownload  { display: block; width: 161px; height: 34px; background-position: 0 0;
                 background: url("../images/download/buttons_3_positions_red.png") no-repeat;
               font-size:14px; font-weight: bold; color:White; text-decoration:none; text-align:center; line-height:31px; }
a.btndownload:hover { background-position:0 -33px;}
a.btnorder  { display: block; width: 72px; height: 26px; background-position: 0 0;
              background: url("../images/orders/btn_order.gif") no-repeat;}
a.btnorder:hover { background-position:0 -26px; }
a.btnsend-white  { display: block; width: 72px; height: 26px; background:url("../images/btn_white.gif") 0 0; text-align:center;
 line-height:24px; font-size:14px; font-weight: bold; color:White; text-decoration:none; }
a.btnsend-white:hover { background-position:0 -26px; }
a.btninvite  { display: block; width: 72px; height: 26px; background:url("../images/btn_white.gif") 0 0; text-align:center;
 line-height:24px; font-size:14px; font-weight: bold; color:White; text-decoration:none; }
a.btninvite:hover { background-position:0 -26px; }
a.btnupdate  { display:block; width:72px; height: 26px; background:url("../images/btn_white.gif") 0 0; text-align:center;
 line-height:24px; font-size:14px; font-weight: bold; color:White; text-decoration:none; }
a.btnupdate:hover { background-position:0 -26px;}

a.searchInput1{ position: relative; left: 4px; top: -29px; }
a.searchInput1:hover { position: relative; }

/* table styles */

td.whitetext {color:white;padding-right: 5px;}
td.ShowBookTitle {color:white; font-size:1.1em; font-weight:bold; text-align:center;}
td.tdstart {background: url("../../images/tbl_tr.gif") 1px 0 no-repeat;}
td.tdend {background: url("../../images/tbl_tl.gif") 0 0 no-repeat;}
td.mybooks {padding-right: 5px; }
td.mybooks.withborder {border-left: 1px solid white;}
td.myorders {padding-right: 5px; }
td.myorders.withborder {border-left: 1px solid white;}
td.adminrow {border-left: 1px solid white; border-bottom: 1px solid white;padding-right: 5px;}
td.adminrownb {padding-right: 5px;border-bottom: 1px solid white;}
td.admintitle {border-left: 1px solid white; border-bottom: 1px solid white; color:white;padding-right: 5px;}
td.admintitlenb {color:white;padding-right: 5px;border-bottom: 1px solid white;}
td.admintdstart {background: url("../../images/tbl_tr.gif") no-repeat right 0 ;background-color:#413d30;}
td.admintdend {background: url("../../images/tbl_tl.gif") no-repeat left 0 ;background-color:#413d30;}
td.faqheader {padding-right: 15px; cursor:pointer; border-bottom:solid 2px white; width:640px;}
td.faqheader:hover {color:#03abc5;}
td.faqheaderI {padding: 2px 15px 2px 30px; cursor:pointer; text-align:left; border-bottom:solid 2px white; width:60px;}
td.faqcontent {padding: 10px 30px 10px 20px; border-bottom:solid 2px white; width:700px;}
td.galleryItem { vertical-align:top; background-color:#E5E2D4; padding:10px;}
div.pricetbl {padding:5px 10px 5px 10px; }
td.price1 {padding:5px 10px 5px 10px; background-color:#dadada; width:110px;}
td.price2 {padding: 0px 10px 0px 10px; background-color:#dadada; width:50px; border-left:1px solid #c9c9c9;}
td.price3 {padding:0px 10px 0px 10px; background-color:#c9c9c9; width:90px;}
td.price11 {padding:5px 10px 5px 10px; background-color:#dadada; width:210px;}
td.price12 {padding:5px 10px 5px 10px; background-color:#dadada; width:100px;}
td.registeruser1 {border-right:solid 1px #a3a3a3;}
td.registeruser2 {border-left:solid 1px #a3a3a3;}
td.returninguser1 {border-right:solid 1px #413b2b;}
td.returninguser2 {border-left:solid 1px #413b2b;}
td.priceContent {background-color:#d4e4e7; border:1px solid #a2a2a2;}

/* tips styles */
div.tipheader { padding:5px 15px 15px 15px; border-bottom:solid 2px white; background-color: #e5e2d4; }
div.tipheader h2 { font-size: 1.1em; font-weight: bold; margin:0; color: #474741;}
div.tipheader h3 { font-size: 14px; font-weight: bold; margin:0;}

div.tipcontent { padding: 5px 15px 5px 15px; border-bottom:solid 6px white; }
.table_td td{ font-family: Arial; VERTICAL-ALIGN: top; BACKGROUND-COLOR: #e0e0e0; font-size: 12px; text-align:center; }
.table_header td{ font-family: Arial; border: #778888 1px solid; font-weight: bold; background-color: gray; text-align:center;}

/* breadcrumps */
.breadcrumps {color: #99cc33; font-family: Arial; font-weight: bold;
              direction:rtl; text-align:right; padding: 10px 15px 0 0; margin:0;}
.breadcrumps a { color: #99cc33; text-decoration: underline; float:right;
                 background: url("../images_common/breadcrumps.gif") no-repeat center left;
                 padding-left: 25px;}
.breadcrumps a:visited, .breadcrumps a:active { color: #99cc33; text-decoration: underline; }
.breadcrumps a:hover { color: #474741; text-decoration: underline; }
.breadcrumps a.multi { background:none; padding-left: 0px; }
.breadcrumps a.selected { color: #474741; text-decoration: none; }
.breadcrumps img {padding: 2px 10px 0px 10px; vertical-align:text-bottom; float:right;}