* {margin: 0; padding: 0;}
html {direction: rtl;}
img {border: 0;}
.clear {clear:both; font-size: 0; line-height: 0;}
ol,ul,li {list-style:none; list-style-type:none;}
body {background: #ffffff url('../images/background_image.jpg') repeat; font-size: 12px; font-family: arial; color: #000000; margin: 0 auto;}
div#hiddenid
{
position: absolute ;
left: -4000px ;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
.sidebox {
margin: 0 auto; /* center for now */
width: 17em; /* ems so it will grow */
background: url(http://host.short.co.il/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(http://host.short.co.il/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}
.boxhead h2 {
background: url(http://host.short.co.il/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: white;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
background: url(http://host.short.co.il/sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 5px 30px 31px;
}
.widthlessbox {
margin: 0 25%; /* NO WIDTH! Opens up a world of possibilities! */
background: url(http://host.short.co.il/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
FONT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
BODY {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
h1 {FONT-FAMILY: arial; FONT-SIZE: 18px}
h4 {FONT-FAMILTY: tahoma; FONT-SIZE: 17px}
input.btn{
color:#005094;
background-color:#FF7E00;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;}
input.btnhov{
border-top-color:#c63;
border-left-color:#c63;
border-right-color:#930;
border-bottom-color:#930;}
/* Form elements */
input, textarea {
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background-color : #FFFFFF;
}
select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #F9F9F9
}
/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #F4EEE3;
}
input { text-indent : 2px; }
/* The buttons used for bbCode styling in message post */
input.button {
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* The main submit button option */
input.mainoption {
font-weight : bold;
}
/* None-bold submit button */
input.liteoption {
background-color :#000080;
font-weight : normal;
}
/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #FFFFFF; border-style: none; }
/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #F9F9F9; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #274796; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}
.bodyline{background: #ffffff; border: 1px solid #000000}
body{background-color: #FFFFFF;color: #000000;font:12px Verdana,Arial,Helvetica,sans-serif;scrollbar-3dlight-color: #F1F1EC;scrollbar-arrow-color: #FFFFFF;scrollbar-face-color: #CCCCCC;scrollbar-highlight-color: #444444;scrollbar-track-color: #F1F1EC;scrollbar-shadow-color: #F1F1EC;}
a:link, a:active, a:visited{color:#000000;text-decoration:none; FONT-SIZE: 12px}
a:hover{color: #0066CC;text-decoration:underline; FONT-SIZE: 12px}
.title {BACKGROUND: none; COLOR: #0066CC; FONT-SIZE: 20px; FONT-WEIGHT: bold; FONT-FAMILY: Tahoma; TEXT-DECORATION: bold}
.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 15px; FONT-FAMILY: Verdana, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #003399; FONT-SIZE: 16px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #FFFFFF; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
/* Sudoku */
.outerborder {
margin: 10px;
width: 100%;
height: 700px;
border: 2px solid black;
}
.box-table {
border:1px solid black;
}
.box {
float: left;
width: 120px;
height: 120px;
padding: 10px;
border:1px solid black;
}
.cell {
background-color:#fff;
font:24px bold;
margin-left: 2px;
width:30px;
border: 1px solid #336699;
text-align: center;
}
.line {
background-color: #AAAAAA;
display: inline;
width: 20px;
margin: 0px 10px;
/* margin: 0px 5px; padding: 0px 10px;*/
}
.line-v {
/* background-color:#ff6600; background-color:#ffffff; */
background-color: #ff6600;
position: relative;
padding: 0px 10px;
/* border: 1px solid #336699; */
}
.verticle {
width: 60px;
margin-top: 40px;
padding: 10px 10px;
float:left;
}
.line-h {
/* background-color:#006633; background-color:#ffffff; */
background-color: #006633;
float: left;
margin-bottom: 10px;
position: relative;
padding: 10px 10px;
}
.spacer {
width:15px;
}
.control-button {
width: 150px;
}