/* Datak Telecom Main Stylesheet  */
/* Tristan Eugen */
@import "services.css";

html {
    min-height: 800px;
}

body {
    background: white url(../images/bg_main.gif) repeat-x center top;
    background-color: transparent;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 0;
    color: #696969;
    font-size: 0.84em;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
}

a:link, a:visited {
    color: #ff6731;
    text-decoration: none;
}

a:hover {
    text-decoration : underline;
    color: #ffcd00;
    background: transparent;
}

a:active {
    text-decoration : none;
    color: #ee6731;
    background: transparent;
}

div#wrapper {
    background: transparent url(../images/bg_moon.gif) no-repeat center 80px;
    height:100% !important;
    _height:100% !important;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: visible;
}

div#page {
    width: 972px;
    height: 575px;
    height:auto !important;
    _height:auto !important;
    min-height: 575px;
    margin: 0 auto;
    padding: 0;
    border: 0;
    overflow: visible;
}

div#header {
    position: relative;
    display: block;
    float: left;
    text-align: left;
    width: 972px;
    height: 234px;
    margin: 0;
    margin-bottom: 4px;
    padding: 0;
    z-index: inherit;
    overflow: visible;
}

div#logo {
    position: relative;
    float: left;
    width: 234px;
    height: 51px;
    margin: 0;
    margin-top: 6px !important;
    padding: 0;
}

html>body div#logo {
    margin-left: 0;
    margin-bottom: 0;
}


div#logo h1	{
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    padding: 0;
    border: 0;
    margin: 0;
}


div#logo h1 a:link, div#logo h1 a:visited	{
    display: block;
    text-decoration: none;
    background: transparent url(../images/logo.png) no-repeat left bottom;
    width: 250px;
    height: 65px;
    margin: 0;
}

div#logo h1 a:hover	{
    background: transparent url(../images/logo.png) no-repeat left bottom;
}



/* main toolbar */

div#navigation {
    float: right;
    width: 100%;
    height: 40px;
    border: 0;
}


div#header div#toolbar {
    float: left;
    display: block;
    width: 972px;
    height: 37px;
    margin: 0;
    padding: 0;
    direction: rtl;
    border: 0;
}

div#header div#toolbar ul {
    display: block;
    list-style-type: none;
    float: right;
    text-align: center;
    margin: 0;
    margin-top: 3px;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

div#header div#toolbar ul li {
    float: left;
    display: inline-block;
/* linked list items have similar dimensions, check the following code */
    width: 90px;
    height: 37px;
    margin: 0;
    margin-left: 14px;
    border: 0;
}

div#header div#toolbar ul li a:link,
    div#header div#toolbar ul li a:visited	{
    color: silver;
/* background-color: #434446; */
    display: block;
    font: 800 1.3em/2.1em "Geeza Pro", "Times New Roman", Times, Serif;
    text-decoration: none;
    margin: 0;
    width: 90px;
    height: 37px;
    border: 0;
}


div#header div#toolbar ul li a:hover {
    border: 0;
    color: white;
}

div#header div#toolbar ul li.color1 a:hover {
    border: 0;
    color: white;
    background-color: #222;
}

div#header div#toolbar ul li.color2 a:hover {
    border: 0;
    color: #999;
    background-color: #e7e7e7;
}

div#header div#toolbar ul li.color3 a:hover {
    border: 0;
    color: white;
    background-color: #23bc36;
}

div#header div#toolbar ul li.color4 a:hover {
    border: 0;
    color: white;
    background-color: #798ed7;
}

div#header div#toolbar ul li.color5 a:hover {
    border: 0;
    color: white;
    background-color: #b9b87b;
}

div#header div#toolbar div#date p {
    color: #9d9d9d;
    display: block;
    direction: rtl;
    float: left;
    font-size: 0.9em;
    line-height: 1.5em;
    margin-left: 4px;
}


/* icons navigation */

div#header div#i_toolbar ul {
    position: relative;
    display: block;
    float: left;
    width: 717px;
    height: 96px;
    text-indent: -9999px;
    list-style-type: none;
    margin: 0;
    margin-left: 17px;
    padding: 0;
    margin-top: 36px;
    border: 0;
}

div#header div#i_toolbar ul li {
    float: right;
    display: inline-table;
    width: 96px;
    height: 96px;
}

div#header div#i_toolbar ul li a:link,
    div#header div#i_toolbar ul li a:visited {
    display: block;
    font-family: "Arial Narrow", Helvetica, Geneva, sans-serif;
    width: 96px;
    height: 96px;
    text-decoration: none;
    margin: 0;
}

div#header div#i_toolbar ul li a:hover,
    div#header div#i_toolbar ul li a:active {
    background-color: transparent;
}



/* icons */
/* icon 1 */

div#header div#i_toolbar ul li.i1 {
    background: transparent url(../images/p_icon_1.png) no-repeat;
}

div#header div#i_toolbar ul li.i1 a:link, div#i_toolbar ul li.i1 a:visited {
    cursor: pointer;
    background: transparent url(../images/p_icon_1.png) no-repeat;
}
div#header div#i_toolbar ul li.i1 a:hover, div#i_toolbar ul li.i1 a:active {
    background: transparent url(../images/p_icon_1_o.png) no-repeat;
}

/* icon 2 */

div#header div#i_toolbar ul li.i2 {
    margin-right: 21px;
    background: transparent url(../images/p_icon_2.png) no-repeat;
}

div#header div#i_toolbar ul li.i2 a:link, div#i_toolbar ul li.i2 a:visited {
    cursor: pointer;
    background: transparent url(../images/p_icon_2.png) no-repeat;
}
div#header div#i_toolbar ul li.i2 a:hover, div#i_toolbar ul li.i2 a:active {
    background: transparent url(../images/p_icon_2_o.png) no-repeat;
}

/* icon 3 */

div#header div#i_toolbar ul li.i3 {
    margin-right: 21px;
    background: transparent url(../images/p_icon_3.png) no-repeat;
}

div#header div#i_toolbar ul li.i3 a:link,
    div#header div#i_toolbar ul li.i3 a:visited {
    cursor: pointer;
    background: transparent url(../images/p_icon_3.png) no-repeat;
}
div#header div#i_toolbar ul li.i3 a:hover,
    div#header div#i_toolbar ul li.i3 a:active {
    background: transparent url(../images/p_icon_3_o.png) no-repeat;
}

/* icon 4 */

div#header div#i_toolbar ul li.i4 {
    margin-right: 21px;
    background: transparent url(../images/p_icon_4.png) no-repeat;
}

div#header div#i_toolbar ul li.i4 a:link,
    div#header div#i_toolbar ul li.i4 a:visited {
    cursor: pointer;
    background: transparent url(../images/p_icon_4.png) no-repeat;
}
div#header div#i_toolbar ul li.i4 a:hover,
    div#header div#i_toolbar ul li.i4 a:active {
    background: transparent url(../images/p_icon_4_o.png) no-repeat;
}


/* users toolbar */

div#header div#userbar ul {
    float: right;
    display: block;
    width: 705px;
    height: 40px;
    list-style-type: none;
    text-align: right;
    margin: 3px auto auto 12px;
    padding: 0;
/* background-color: yellowgreen; */
}

div#header div#userbar ul li {
    float: right;
    display: inline-block;
    width: auto;
    margin: 3px 9px 0 12px;
    font: 800 0.9em/3em "Geeza Pro", "Times New Roman", Times, Serif;
    color: #333;
}

div#header div#userbar ul li a:link,
    div#header div#userbar ul li a:visited	{
    color: #333;
/* background-color: #434446; */
    text-decoration: none;
    padding: 4px;
}

div#header div#userbar ul li a:hover,
    div#header div#userbar ul li a:active {
    color: white;
}

div#userbar ul li.color1 a:hover {
    color: white;
    background-color: #353535;

}


/* search toolbar */

div#page div#header div#searchbar {
    display: block;
    float: left;
    width: 236px;
    height: 32px;
    position: relative;
    left: 0;
    top: 2px;
    text-align: right;
    margin: 0;
    margin-top: 7px;
    padding: 0;
    z-index: 2;
}
div#page div#header div#searchbar:after {
    clear: left;
}

form.searcher {
    display: block;
}

html>body div#page div#header div#searchbar {
    margin-right: 1px;
}

div#page div#header div#searchbar h5 {
    display: block;
    float: left;
    color: #6b6b6b;
/* background-color: #434446; */
    font: 800 1em/1.4em "Geeza Pro", "Times New Roman", Times, Serif;
    text-decoration: none;
    margin: 0;
    margin-top: 6px;
}


input.text-search {
    display: block;
    position: relative;
    left: -9px;
    top: 3px;
    float: left;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    padding-right: 2px;
    overflow: visible;
    color: #777;
    width: 161px;
    height: 21px;
    font: 400 1em/1.4em "Geeza Pro", "Times New Roman", Times, Serif;
    background: transparent url(../images/bg_search.gif) no-repeat left center;
    text-align: right;
    direction: rtl;
    border: 0;
    z-index: 1;
}
html>body input.text-search {
    padding-left: 0;
}

input.magnifier {
    display: block;
    float: left;
    position: relative;
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../images/magnifier.gif);
    border: 0;
    z-index: 10;
    left: 7px;
    top: 9px;
}



/* sidebar */

div#sidebar {
    float: left;
    width: 306px;
    height:auto !important;
    _height:auto !important;
    height: 500px;
    min-height: 360px;
    padding: 0;
    margin: 0;
}

div#side-in {
    display: block;
    float: left;
    width: 306px !important;
    height:307px !important;
    padding: 0;
    margin: 0;
}

div#side-in-item {
    display: block;
    float: left;
    width: 306px !important;
    height:420px !important;
    padding: 0;
    margin: 0;
}


/* sidebar list */

#inline-list p {
    display: block;
}

#sidebar ul, #sidebar li {
    text-align: left;
    margin-top: 1.2em;
    display: list-item;
    margin: 0;
    padding: 0;
    color: #656565;
    list-style: none;
    list-style-image: none;
    overflow: visible;
    text-transform: uppercase;
    font: .95em/2em "Geeza Pro", "Times New Roman", Times, Serif;
}

#sidebar ul {
    margin-top: 1.2em;
}

#sidebar li {
    margin-left: 62px;
}


/* content section */

div#content {
    display: block;
    float: left;
    width: 100%;
    min-height: 329px !important;
    height:auto !important;
    _height:auto !important;
    padding: 0;
    margin: 0;
    margin-bottom: 12px;
    text-align: right;
}

html>body div#content {
    margin-top: 0;
}


div#content h2 {
    display: inline-table;
    overflow: auto;
    position: relative;
    font-family: "Geeza Pro", "Times New Roman", Times, Serif;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.1em;
    text-transform: uppercase;
    padding: 6px;
    margin: 0;
    margin-left: 50px;
    margin-top: 21px;
}

div#content h2 a:link, div#content h2 a:visited	{
    padding: 2px;
    color: #999999;
    text-decoration: none;
}

div#content h2 a:hover	{
    text-decoration: none;
    color: #ffcd00;
    border-bottom: 2px solid #777777;
}


div#content p {
    display: block;
    color: #888;
    margin: 21px 0 17px 0;
    padding: 0;
    font: normal 0.9em/1.6em "Geeza Pro", "Times New Roman", Times, Serif;
/* background-color: #345; */
/* background-color: #345345; */
}


div#box1, div#box2, div#box3 {
    display: block;
    float: left;
    height: 193px;
    margin: 0;
    margin-bottom: 12px;
    background-color: transparent;
}

div#box1 {
    width: 234px;
    background: transparent url(../images/box_1r.gif) no-repeat center center;
}

div#box2 {
    width: 726px;
    background: transparent url(../images/box_2l.gif) no-repeat center center;
    margin: 0;
    margin-left: 12px;
}

div#box3 {
    width: 972px;
    margin-right: 0;
    background: transparent url(../images/box_3.gif) no-repeat center center;
}

div.box4, div.box5 {
    display: block;
    float: left;
    width: 234px;
    height: 124px;
    background: transparent url(../images/box5.gif) no-repeat center center;
    margin: 0;
}

div.box5 {
    margin-left: 12px;
}


div.boxp {
    display: block;
    float: left;
    position: relative;
    text-align: left;
    width: 160px;
    height: 160px;
    background: transparent url(../images/bg_product_160.gif) no-repeat center top;
    margin: 0;
    margin-bottom: 17px;
    margin-left: 17px;
    border: none;
}

html>body div.boxp {
    margin-left: 21px;
}

div.boxp h6 {
    display: block;
    color: white;
    float: left;
    z-index: 2;
    position: absolute;
    margin-top: 6px;
    margin-left: 6px;
    font: italic 800 1em/1em "Geeza Pro", "Times New Roman", Times, Serif;
    overflow: visible;
    text-transform: uppercase;
}

div#box1 img,
    div#box2 img,
    div#box3 img,
    div#box4 img,
    div#box5 img,
    div#boxp img {
    margin: 0;
    padding: 0;
    border: 0;
}

/* path, patched for microsoft ie */

div.path,
div.path-alt, 
div.path_2 {
    display: block;
    width: 972px;
    height: 37px;
    margin: 0 auto;
    padding: 0;
    text-align: right;
}

div.path {
    margin-top: 7px;
    background: transparent url(../images/bg_path.gif) no-repeat top center;
}

div.path-alt {
    margin-top: 7px;
    margin-bottom: 14px;
    background: transparent url(../images/bg_path.gif) no-repeat top center;
}


div.path_2 {
    background: transparent url(../images/bg_path_2.gif) no-repeat center center;
    margin-top: 4px;
    margin-bottom: 20px;
}

div.path h4,
div.path-alt h4,
    div.path_2 h4 {
    color: #555;
    font: 600 1em/39px "Geeza Pro", "Times New Roman", Times, Serif;
    display: inline-table;
    text-decoration: none;
    margin: 0;
    padding: 0;
    padding-right: 12px;
    direction: rtl;
}

div.path h4 a:link,
    div.path h4 a:visited,
	div.path-alt h4 a:link,
    div.path-alt h4 a:visited,
    div.path_2 h4 a:link,
    div.path_2 h4 a:visited	{
/*padding: 0 4px;*/
    color: #555;
    text-decoration: none;
/*letter-spacing: -1px;*/
}

div.path h4 a:hover,
    div.path h4 a:active,
	div.path-alt h4 a:hover,
    div.path-alt h4 a:active,
    div.path_2 h4 a:hover,
    div.path_2 h4 a:active {
    text-decoration: none;
    color: #f3b600;
}



/* middle section text and content boxes */
/* paragraphs */
/* headings */

div#content h4 {
    position: relative;
    direction: rtl;
    display: block;
    color: #555;
    padding: 0;
    margin: 0 10px 16px !important;
    font: bold 1.5em/1.7em "Geeza Pro", "Times New Roman", Times, Serif;
}

div#content p,
    div#content p.start {
    font: normal 1em/1.95em "Geeza Pro", "Times New Roman", Times, Serif;
    color: #666;
    margin: 15px 10px;
    text-align: right;
    direction: rtl;
}

div#content p a:link,
    div#content p a:visited {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

div#content p a:hover,
    div#content p a:active {
    text-decoration: none;
    color: #aeff98;
}

div#content p.start {
    color: #555;
    font-weight: 900;
    font-size: 1.1em;
    line-height: 1.7em;
}


/* main dividers */
/* side-left and side-right containers */

div.side-left,
    div.side-left-w,
    div.side-right {
    display: block;
    float: left;
    height: 400px;
    margin: 0 0 19px 0;
    text-align: right;
    padding: 51px 0 0 0;
/* background-color: whitesmoke; */
}
html>body div.side-left,
    html>body div.side-left-w,
    html>body div.side-right {
    height: 400px;
    height:auto !important;
    _height:auto !important;
    min-height: 400px;
}
div.side-left {
    width: 234px;
    margin-right: 12px;
}

div.side-left-w {
    width: 726px;
    margin-right: 0;
}
html>body div.side-left-w {
    margin-right: 12px;
}

div.side-right {
    width: 234px;
    margin-left: 11px;
}
html>body div.side-right {
    margin-left: 0;
}


div#erzherzog {
    background-color: red;
    color: yellow;
}

div#content div.side-left p,
    div#content div.side-left-w p,
    div#content div.side-right p {
    direction: rtl;
    margin: 10px 0px 15px !important;
    font: normal 1em/1.8em "Geeza Pro", "Times New Roman", Times, Serif !important;
}

div#wrapper div#page div#content div.side-left-w h4,
    div#wrapper div#page div#content div.side-right h4 {
    direction: rtl;
    position: relative;
    color: #006599;
    padding: 0;
    margin: 0 0px 11px !important;
    font: bold 1.5em/1.7em "Geeza Pro", "Times New Roman", Times, Serif;
}

div#page div#content div.side-left-w ul.general {
    display: inline-table;
    margin: 15px 7px 15px !important;
    list-style: none;
    list-style-type: square;
    text-align: right;
    list-style-position: inside;
}

div#page div#content div.side-left-w ul.general li,
    div#page div#content div.side-left-w ul.general li a:link,
    div#page div#content div.side-left-w ul.general li a:visited {
    direction: rtl;
    font: bold 1em/1.9em "Geeza Pro", "Times New Roman", Times, Serif;
    color: #6382a1;
    overflow: visible;
}

div#page div#content div.side-left-w ul.general li a:active,
    div#page div#content div.side-left-w ul.general li a:hover {
    color: orangered;
    text-decoration: underline;
}

div.ad-image {
    border: 0;
    margin-bottom: 21px;
}


/* mid-side */

div#content div.mid-side {
    float: left;
    position: relative;
    width: 480px;
    margin: 0 0 19px 0;
    padding: 51px 0 0 0;
    text-align: right;
    height: 300px;
}
html>body div#content div.mid-side {
    margin: 0 12px 19px 0;
    height: 300px;
    height:auto !important;
    _height:auto !important;
    min-height: 300px;
}



/* wide frame */
div.wideframe-bg {
    background-color: slategray;
}

div.wideframe,
    div.wideframe-in {
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 0;
}

div.wideframe {
    display: block;
    width: 726px;
    min-height: 120px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 25px;
    text-align: right;
    background: transparent url(../images/wideframe-top.gif) no-repeat center top;
}

div.wideframe-in {
    float: left;
    min-height: 45px;
    width: 726px;
    text-align: right;
    margin-right:-11px;
}
html>body div.wideframe-in {
    margin-right:0 ;
}

div.wideframe-co {
    display: block;
    float: left;
    width: 726px;
    min-height: 50px;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    margin-bottom: 0;
    background: transparent url(../images/wideframe-bg.gif) repeat-y;
}

div.wideframe-b {
    display: block;
    float: left;
    width: 726px;
    height: 6px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/wideframe-bottom.gif) no-repeat center bottom;
}

div#wrapper div#page div#content.sauber div.wideframe-in h3 {
    float: right;
    display: block;
    padding: 6px 3px;
    margin: 4px 19px 0 0 !important;
    color: #006599;
    background-color: white;
    text-align: right;
    font: bold 0.95em/1em "Geeza Pro", "Times New Roman", Times, Serif;
    direction:rtl;
/* False margin value for IE */
    margin-right: 11px;
}

html>body div#wrapper div#page div#content.sauber div.wideframe-in h3 {
/* Correct margin value for all */
    margin-right: 18px !important;
}

div#wrapper div#page div#content div.side-left-w div.wideframe-co p {
    font-size: 0.85em;
    margin: 12px 18px !important;
    padding: 4px 0;
    line-height: 1.8em;
    background-color: white;
    direction: rtl;
    text-align: right;
}

div#wrapper div#page div#content div.wideframe input.submit-go,
    div#wrapper div#page div#content div.wideframe input.submit-cancel {
    float: left;
    width: 90px;
    font: bold 1em/1.2em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 3px;
    margin: 10px 5px 0 0;
    border-style: outset;
    border-width: 1px;
    text-align: center !important;
}

div#wrapper div#page div#content div.wideframe input.submit-go {
    background-color: #a8cee8;
}

div#wrapper div#page div#content div.wideframe input.submit-cancel {
    background-color: #efefef;
}

div#wrapper div#page div#content div.wideframe input.submit-go:hover,
    div#wrapper div#page div#content div.wideframe input.submit-cancel:hover {
    background-color: #363636;
    color: white;
}




/* box-side */
div.box, box-in{
    width: 232px;
    display: block;
    float: left;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 0;
}

div.box {
    margin: 0;
    margin-bottom: 23px;
}


div.box-in {
    min-height: 100px;
    background: transparent url(../images/box-bg.gif) repeat-y right top;
}

div.box h6, div.box h6 a:link, div.box h6 a:visited {
    padding: 0 5px;
    direction: rtl;
    display: inline-table;
    font: 800 1.1em/1.5em "Geeza Pro", "Times New Roman", Times, Serif;
    letter-spacing: -1px;
    color: #555;
    margin: 0;
    margin-top: 4px;
}

div.box h6 a:hover, div.box h6 a:active {
    color: #999;
}

div.box-co {
    text-align: right;
    display: block;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 2px 8px;
}

div.box p {
    display: block;
    direction: rtl;
    text-align: right;
    font: normal 0.9em/1.6em "Geeza Pro", "Times New Roman", Times, Serif !important;
    margin-top: 33px !important;
}

div.box-b, div.box-u {
    display: block;
    float: right;
    width: 100%;
    height: 19px;
    margin: 0;
    padding: 0;
}
div.box-b {
    background: transparent url(../images/box-bottom.gif) no-repeat right bottom;
}
div.box-u {
    background: transparent url(../images/box-top.gif) no-repeat center top;
}

div.box-icon {
    float: left;
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: 0;
    z-index: 1;
    margin-left: 9px;
    margin-top: -3px;
}


/* box-middle */
div.box-wide, box-wide-in{
    width: 478px;
    display: block;
    float: left;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 0;
}

div.box-wide {
    margin: 0;
    margin-bottom: 10px;
}

div.box-wide-in {
    min-height: 260px;
    background: transparent url(../images/box-wide-bg.gif) repeat-y center top;
}

div.box-wide-co {
    text-align: right;
    display: block;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 22px 19px;
}

div.box-wide-b, div.box-wide-u {
    display: block;
    float: right;
    width: 100%;
    height: 19px;
    margin: 0;
    padding: 0;
}
div.box-wide-b {
    background: transparent url(../images/box-wide-bottom.gif) no-repeat center bottom;
}
div.box-wide-u {
    background: transparent url(../images/box-wide-top.gif) no-repeat center top;
}

div.box-wide h5, div.box-wide h5 a:link, div.box-wide h5 a:visited {
    padding: 10px 0;
    direction: rtl;
    display: inline-table;
    font: 800 1.5em/1.5em "Geeza Pro", "Times New Roman", Times, Serif;
    letter-spacing: -1px;
    margin: 0;
    margin-right: -2px;
}

div.box-wide h5 {
    color: #777;
}

div.box-wide h5 a:link, div.box-wide h5 a:visited {
    color: #f26522;
}

div.box-wide h5 a:hover, div.box-wide h5 a:active {
    color: #999;
}

div.box-wide-icon {
    float: right;
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    z-index: 1;
    margin: 0 10px;
}



/* box-login */
div.box-login, box-login-in {
    width: 478px;
    display: block;
    float: left;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 0;
}

div.box-login {
    margin: 0;
    margin-bottom: 10px;
}

div.box-login-in {
    min-height: 300px;
    background: transparent url(../images/box-login-bg.gif) repeat-y center top;
}

div.box-login-co {
    text-align: right;
    display: block;
    margin: 0;
    padding: 22px 19px;
}

div.box-login-b, div.box-login-u {
    display: block;
    float: right;
    width: 100%;
    height: 19px;
    margin: 0;
    padding: 0;
}
div.box-login-b {
    background: transparent url(../images/box-login-bottom.gif) no-repeat center bottom;
}
div.box-login-u {
    background: transparent url(../images/box-login-top.gif) no-repeat center top;
}

div.box-login h5, div.box-login h5 a:link, div.box-login h5 a:visited {
    width: 200px;
    padding: 10px 0;
    direction: rtl;
    display: inline-table;
    font: 800 1.5em/1.5em "Geeza Pro", "Times New Roman", Times, Serif;
    letter-spacing: -1px;
    margin: 0;
    margin-top: 6px;
    margin-right: -2px;
}

div.box-login h5 {
    color: #777;
}

div.box-login h5 a:link, div.box-login h5 a:visited {
    color: #f26522;
}

div.box-login h5 a:hover, div.box-login h5 a:active {
    color: #999;
}

div.box-login-icon {
    float: right;
    width: auto;
    height: auto;
    background-color: transparent;
    border: 0;
    z-index: 1;
    margin: 0;
    margin-right: 20px;
}

div#page div#formbar {
    display: block;
    text-align: right;
    width: 400px;
    height: 143px;
    margin: 0;
    margin-right: 23px;
    padding: 0;
    overflow: visible;
}
div#page div#formbar:after {
    clear: right;
}

div#page div#formbar h6 {
    padding: 2px;
    direction: rtl;
    float: right;
    display: inline;
    width: 70px;
    font: 800 1.2em/1.5em "Geeza Pro", "Times New Roman", Times, Serif;
    letter-spacing: -1px;
    color: #555;
    margin: 0;
}

div#page div#formbar p {
    text-align: right;
    direction: rtl;
    margin-right: 0;
    margin-top: 2px !important;
}

div#page div#formbar a:link,
    div#page div#formbar a:visited {
    color: #555;
    font: normal 0.9em/3.55em "Geeza Pro", "Times New Roman", Times, Serif;
}
div#page div#formbar a:hover,
    div#page div#formbar a:active {
    color: white;
    background-color: #555;
}

.former {
    margin: 0;
    margin-right: 10px;
}

div#page div#formbar input.text-input {
    float: right;
    direction: rtl;
    text-align: right;
    color: #444;
    font: normal .9em/1.6em "Geeza Pro", "Times New Roman", Times, Serif;
    border: 1px inset #ee6600;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 1px 2px;
    margin: 5px 0 12px 5px ;
    background: transparent url(../images/form_bg.png) repeat-x;
}
div.text-input:after {
    clear: both;
}

div#page div#formbar input.submit-button {
    display: block;
    float: right;
    margin: 0;
    margin: 5px 12px;
    width: 32px;
    height: 19px;
    background-color: transparent;
    border: 0;
}

div#wrapper div#page div#content div#formbar input.submit-go {
    width: 32px;
    font: bold 1em/1.2em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 0;
    margin: 7px 10px;
    text-align: center !important;
    background-color: transparent;
    color: white;
}


div#page div#formbar a:link,
    div#page div#formbar a:visited {
    color: #e60;
}

span.warning {
    margin: 16px !important;
    font-weight: 800 !important;
    color: red !important;
}

p.warning {
    color: red !important;
    margin-top: 0 !important;
    margin-bottom: 5px !important;
}

.show_errors,
    p.show_errors {
    text-align: inherit;
    line-height: 1.4em;
    font-size: 1em;
    font-style: inherit;
    color: #d75c2c !important;
    border: 1px solid #f3b600;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: rgba(252,255,0,0.15);
    display: block;
    margin: 0 0 21px 0;
    direction: rtl;
    padding: 5px;
    width: auto;
}

div#page .show_message,
    div#page span .show_message {
    text-align: right;
    line-height: 1.4em;
    font-size: 1em;
    font-style: inherit;
    font-weight: 800 !important;
    color: #537ba6;
    margin: 0 8px 19px 0;
    padding: 14px !important;
    border: 1px solid #537ba6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #ecfeff;
    display: block;
    direction: rtl;
}


/* login */
div.logincube {
    display: block;
    float: right;
    text-align: right;
    margin: 0;
    width: 468px;
    height: 240px;
    height:auto !important;
    _height:auto !important;
    min-height: 240px;
    background-color: transparent;
    border: 1px solid silver;
}

html>body div.logincube {
    margin: 0;
}


div.logincube h6, div.logincube h6 a:link, div.logincube h6 a:visited {
    padding: 0 5px;
    direction: rtl;
    display: inline-table;
    font: 800 1.3em/1.5em "Geeza Pro", "Times New Roman", Times, Serif;
    letter-spacing: -1px;
    color: #555;
    margin: 0;
    margin-top: 27px;
    margin-right: -10px;
}

div.logincube h6 a:hover, div.logincube h6 a:active {
    color: #999;
}


div.logincube p {
    float: none;
    display: block;
    font-family: "Geeza Pro", "Times New Roman", Times, Serif;
    font-size: .9em;
    font-weight: normal;
    line-height: 1.3em;
    text-align: right;
    color: #8c8c8c;
    margin-top: 5px;
    margin-right: 75px;
    margin-bottom: 5px;
    margin-left: 5px;
    direction: rtl;
}

div.login-image {
    float: right;
    width: auto;
    height: auto;
    margin: 17px;
    border: 0;
    background-color: #fff;
}


/* Login 2*/
div#page div.loginbox2 {
    display: block;
    float: right;
    direction: rtl;
    width: 445px;
    height: 240px;
    background: #1e1f26 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2c2d35), to(#15161b), color-stop(0,#2c2d35));
    margin: 0;
    padding: 16px;
    color: #999;
    background-color: #353535;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

div#page div.loginbox2 h1 {
    color: #666;
    font: bold 1.4em/1.7em "Geeza Pro", "Times New Roman", Times, Serif !important;
    margin-right: 33px;
    margin-bottom: 35px;
}

div#page div.loginbox2 ul li,
    div#page div.loginbox2 ul li label {
    display: list-item;
    float: right;
    list-style-type: none;
    font: bold 1em/1.8em "Geeza Pro", "Times New Roman", Times, Serif !important;
    margin-left: 9px;
}

div#page div.loginbox2 ul li {
    margin: 5px;
}

div#page div.loginbox2 form ul li span.lost-details,
    div#page div.loginbox2 form ul li span.lost-details a:link,
    div#page div.loginbox2 form ul li span.lost-details a:visited {
    margin-top: 12px;
    font: normal 1em/1.8em "Geeza Pro", "Times New Roman", Times, Serif !important;
    display: block;
    color: #ff8100;
}

div#page div.loginbox2 form input[type=text],
    div#page div.loginbox2 form input[type=password] {
    font: bold 1em/1.4em "Geeza Pro", "Times New Roman", Times, Serif !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #c3c3c3;
    color: #1e1e24;
}

div#page div.loginbox2 form input[type=text] {
    width: 300px;
}

div#page div.loginbox2 form input[type=password] {
    width: 314px;
}
/*
div#page div.loginbox2 form li button {
	cursor: pointer;
	background: #f7421a -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7714), to(#eb2f11), color-stop(1,#000));
	background-color: #f7421a;
	text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
	border: none;
	font-size: 1em;
	float: right;
	padding: 4px 35px;
	text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

div#page div.loginbox2 form li button:hover {
	color: #fff;
	background-color: #ff8100;
}
*/
div#page div.loginbox2 form td button {
    cursor: pointer;
    background: #f7421a -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eb7714), to(#eb2f11), color-stop(1,#000));
    background-color: #f7421a;
    text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
    border: none;
    font-size: 1em;
    padding: 4px 35px;
    text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

div#page div.loginbox2 form td button:hover {
    color: #fff;
    background-color: #ff8100;
}

div#page div.loginbox2 form td {
    padding: 0 30px 0 10px;
    font: bold 1em/1.8em "Geeza Pro", "Times New Roman", Times, Serif !important;
}



/* the collapsing menu */

div.applemenu {
    color: #555;
    float: right;
    margin: 0px 0 15px auto !important;
    font: bold 0.95em/1.7em "Geeza Pro", "Times New Roman", Times, Serif !important;
    padding: 0;
    width: 215px; /* menu width */
    border: 1px solid #c8c8c8;
    text-align: right;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-align: right;
}

div.applemenu div.silverheader a {
    background: whitesmoke url(../images/silvergradient.gif) repeat-x center left;
    color: #555;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding: 5px 12px;
    text-decoration: none;
}

div.applemenu div.silverheader a:link,
    div.applemenu div.silverheader a:visited {
    color: #444;
}

div.applemenu div.selected a:hover,
    div.applemenu div.silverheader a:active {
    background-image: url(../images/silvergradientover.gif);
    color : #000;
}

div.applemenu div.submenu {
/*DIV which contains each sub menu*/
    background-color: transparent;
    padding: 12px;
    height: 170px;
/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


div.applemenu div.submenu ul {
    margin: 0 !important;
    display: block;
    padding:0;
}

div.applemenu div.submenu ul li,
    div.applemenu div.submenu ul li a:link,
    div.applemenu div.submenu ul li a:visited  {
    display: block;
    font: 600 1em/1.9em "Geeza Pro", "Times New Roman", Times, Serif !important;
    color: #545454;
/* border-bottom: 1px solid #999; */
    margin: 0;
    text-align: right;
}

div.applemenu div.submenu ul li a:hover,
    div.applemenu div.submenu ul li a:active  {
    color : #f3b600;
    text-decoration: none;
/* border-bottom: 1px solid #999; */
}



/* notification area */
div#content div.notice {
    display: block;
    float: left;
    margin: 0 12px 4px 0;
    padding: 6px;
    border: 1px solid #f3b600;
    background-color: rgba(252,255,0,0.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#content div.notice h5 {
    color: #d75c2c;
    font: 600 0.9em/2.1em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 0 25px;
    margin: 0;
    direction: rtl;
}

div#content div.notice h6,
    div#content div.notice h6 a:link,
    div#content div.notice h6 a:visited,
    div#content div.notice h6 a:hover,
    div#content div.notice h6 a:active {
    display: block;
    font: 600 .95em/1.8em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 0 4px;
    margin: 12px 0 0 0;
    text-align: center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div#content div.notice h6 a:link,
    div#content div.notice h6 a:visited {
    color: #555;
    background-color: #dfe1a8;
}

div#content div.notice h6 a:hover,
    div#content div.notice h6 a:active {
    color: white;
    background-color: #333;
}

div#content div.notice span.date {
    color: #ee6700;
    font-weight: 800;
    font-size: 1.2em;
    text-decoration: none;
    padding: 2px;
}



/* tables */

/* tables for the wire section */

div#enigma {
    background-color: #954000;
    color: white;
}

table.wire {
    direction: rtl;
    background-color: transparent;
    font-size: 1em;
    width: 100%;
    text-align: right;
    padding: 0;
    margin: 2px 0 6px 0 !important;
}
html>body table.wire {
    margin: 2px 0 6px 0 !important;
}

table.wire thead tr th,
    table.wire tbody tr td,
    table.wire tfoot tr td {
    color: white;
    background-color: transparent;
    font-size: 1em;
    padding: 6px 21px !important;
    direction: rtl;
}


table.wire span.count-ca {
/*float: left;*/
    font-weight: bolder;
    font-size: 1.3em;
    line-height: 1.2em;
    color: #d6e8fe;
}

table.wire span.sender-ca {
    float: right;
    font-weight: bolder;
    line-height: 1.7em;
    margin-left: 6px;
}

table.wire span.title-ca {
    line-height: 1.7em;
/*float: none;*/
    margin-left: 5px;
}

table.wire textarea.text-ca {
    float: left;
    direction: rtl;
    text-align: right;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.7em;
    padding: 3px;
    color: #555;
    width: 626px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px inset #eee;
}

table.wire select.list-ca {
    margin-right: 16px;
}

table.wire thead tr th.holder-1,
    table.wire thead tr th.holder-2 {
    font-family: inherit;
    font-weight: 800;
    height: 21px;
}
table.wire thead tr th.holder-1 {
    width: 400px;
}
table.wire thead tr th.holder-2 {
    text-align: left;
    width: 151px;
}

table.wire span#my_counter {

}

/* wireframe for wire table */
div.wireframe-bg {
    background-color: #688090;
}

div.wireframe,
    div.wireframe-in {
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 0;
}

div.wireframe {
    display: block;
    width: 726px;
    min-height: 135px;
    margin: 0;
    padding-top: 10px;
    text-align: right;
    background: transparent url(../images/wireframe-top.gif) no-repeat center top;
}

div.wireframe-in {
    float: left;
    min-height: 45px;
    width: 726px;
    text-align: right;
    margin: 0;
    margin-top: 10px;
    margin-right:-11px;
}
html>body div.wireframe-in {
    margin-right:0 ;
}

div.wireframe-co {
    display: block;
    float: left;
    width: 726px;
    min-height: 50px;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    margin-bottom: 0;
    background: transparent url(../images/wireframe-bg.gif) repeat-y;
}

div.wireframe-b {
    display: block;
    float: left;
    width: 726px;
    height: 22px;
    margin: 0;
    padding: 0;
    background: transparent url(../images/wireframe-bottom.gif) no-repeat center bottom;
}

div#wrapper div#page div#content div.side-left-w div.wireframe-co p {
    font-size: 0.85em;
    margin: 12px 18px !important;
    padding: 4px 0;
    line-height: 1.8em;
    background-color: white;
    direction: rtl;
    text-align: right;
}

div#wrapper div#page div#content div.wireframe input.submit-go,
    div#wrapper div#page div#content div.wireframe input.submit-cancel {
    float: left;
    width: 90px;
    font: bold 1em/1.2em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 3px;
    margin: 0 5px 0 0;
    border-style: outset;
    border-width: 1px;
    text-align: center !important;
}

div#wrapper div#page div#content div.wireframe input.submit-go {
    background-color: #a8cee8;
}

div#wrapper div#page div#content div.wireframe input.submit-cancel {
    background-color: #efefef;
}

div#wrapper div#page div#content div.wireframe input.submit-go:hover,
    div#wrapper div#page div#content div.wireframe input.submit-cancel:hover {
    background-color: #363636;
    color: white;
}



/* wire's table */
table.wire-table {
    float: right;
    text-align: right;
    direction: rtl;
    font-size: 1em;
    width: 680px;
    margin: 15px 18px 10px 21px;
    padding: 0;
    vertical-align: text-top;
    border: 0;
    background-color: white;
}

table.wire-table thead tr th,
    table.wire-table tbody tr td,
    table.wire-table tfoot tr td {
    font-size: 1em;
    padding: 6px;
    vertical-align: top;
    background-color: white;
}

table.wire-table thead tr.even th,
    table.wire-table tbody tr.even td,
    table.wire-table tfoot tr.even td {
    background-color: white;
}

table.wire-table thead tr.odd th,
    table.wire-table tbody tr.odd td,
    table.wire-table tfoot tr.odd td {
    background-color: #e4eeee;
}


table.wire-table tbody td {
    padding: 7px;
    padding-bottom: 2em;
    vertical-align: top;
}

table.wire-table thead tr th.q-decription,
    table.wire-table tbody tr td.q-decription {
    color: #656632;
    width: 25%;
    direction: rtl;
    font-family: inherit;
}

table.wire-table tbody tr td.q-text,
    table.wire-table tbody tr td.q-text-answer {
    font-size: 1.0em;
    font-family: inherit;
    text-align: right;
    line-height: 1.9em !important;
    overflow: hidden;
}

table.wire-table tbody tr td.q-text-answer {
    color: #000;
}

table.wire-table tbody tr td span.q-text,
    table.wire-table tbody tr td span.q-text-answer {
    font-family: inherit;
    text-align: right;
    line-height: 1.9em !important;
}
table.wire-table tbody tr td span.q-text-answer {
    color: #000;
}

table.wire-table tbody tr span.q-date,
    table.wire-table tbody tr span.q-name,
    table.wire-table tbody tr span.q-name-2,
    table.wire-table tbody tr a.q-reply {
    padding: 1px 6px;
    text-align: left;
    direction: rtl;
    font-family: inherit;
}
table.wire-table tbody tr span.q-date {
    color: #999;
    font-size: 0.9em;
    line-height: 1.7em;
}
table.wire-table tbody tr span.q-name {
    color: #006599;
}
table.wire-table tbody tr span.q-name-2 {
    background-color: #999;
    color: white;
}

table.wire-table tbody tr a.q-reply,
    table.wire-table tbody tr a.q-reply a:link,
    table.wire-table tbody tr a.q-reply a:visited {
    background-color: #df9965;
    display: block;
    color: white;
    float: left;
    font-size: 0.8em;
    line-height: 1.6em !important;
    margin-top: 6px;
}
table.wire-table tbody tr a.q-reply a:hover,
    table.wire-table tbody tr a.q-reply a:active {
    background-color: #444;
}

table.activity tbody tr td {
    height: 22px !important;
    line-height: 20px !important;
    vertical-align: top !important;
}

table.activity thead tr th {
    height: 19px;
    line-height: 20px;
    vertical-align: top;
    border-bottom: 1px solid;
}

table.ajax_detail {
    width: 660px !important;
    margin-top: 5px !important;
    margin-right: 34px !important;
}



/* table in the middle */

table.tablesorter {
    background-color: #cdcdcd;
    font-size: 1em;
    width: 716px;
    text-align: right;
    padding: 0;
    padding-top: 0;
    margin: 0;
    margin-bottom: 18px;
    direction: rtl;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    background-color: #e4eeee;
    border: 1px solid #fff;
    font-size: 1em;
    padding: 4px;
}
table.tablesorter thead tr .header {
    background: transparent url(../images/bg.gif) no-repeat left center;
}
table.tablesorter tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}
table.tablesorter tbody tr.odd td {
    background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}



/* tables and forms miscellaneous */

#Ahnenerbe {
    background-color: black;
}

label.sticker {
    display: block;
    font: 600 1em/1.3em "Geeza Pro", "Times New Roman", Times, Serif;
    direction: rtl;
    text-align: right;
    color: #444;
    margin: 0 5px -9px 0;
}

label.sticker span {
    color: silver;
    padding: 0 3px;
}

input.persian, input.persian-2 {
    direction: rtl;
    text-align: right;
    color: #444;
    border: 1px inset silver;
    font: normal .9em/1.6em "Geeza Pro", "Times New Roman", Times, Serif;
    margin-bottom: 9px;
    padding: 2px;
    background: transparent url(../images/form_bg.png) repeat-x;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
input.persian {
    width: 209px;
}

input.persian-2 {
    width: auto;
}

input.persian:hover,
    input.persian-2:hover {
    background-color: #d7e5ed;
}

.even {
    background-color: #3D3D3D;
}
.odd {
    background-color: #6E6E6E;
}
.highlight {
    background-color: #3D3D3D;
    font-weight: bold;
}

select.select_box,
    select#fk_payment_interval_discount_oid,
    div#page form select {
    direction: rtl;
    text-align: right;
    font: normal 0.9em/1.6em "Geeza Pro", "Times New Roman", Times, Serif;
    background-color: #eee;
    border: 1px solid #777;
}

select.select_box,
    select#fk_payment_interval_discount_oid {
    height: 19px;
}

div#content table.tbl_page_bar {
    background-color: transparent;
    padding: 0;
    margin: 11px 0 3px 25px;
    direction:ltr;
    float:left;
}

div#content table.tbl_page_bar tbody tr td {
    background-color: #d9e4ea;
    font: 900 1.2em/1.5em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 0 8px;
    color: white;
    border: 1px solid #ccc;
}

div#content table.tbl_page_bar tbody tr td:hover {
/* background-color: #333; */
}

div#content table.tbl_page_bar tbody tr td a:link,
    div#content table.tbl_page_bar tbody tr td a:visited {
    display: block;
    color: #666;
    text-align: center;
}
div#content table.tbl_page_bar tbody tr td a:hover,
    div#content table.tbl_page_bar tbody tr td a:active {
    color: #333;
    text-decoration: underline;
    font-weight: bolder;
}

div#content table.tbl_page_bar tbody tr td.current_page {
    color: white;
    background-color: #aaa;
    border: 1px solid #999;
}

div#content table tr td.record_count {
    background-color: #eee !important;
    color: #aaa !important;
    border: 1px solid #ccc;
    padding: 0 30px !important;
}

div#content table tr td.eternity {
    color: #888 !important;
    font-size: 0.8em !important;
}



/* flexible content */
div.flexible {
    display: block;
    background: #d7e5ed url(../images/bg.gif) no-repeat right center;
    border: 1px solid #bbc7cf;
    width: 714px;
    height: 23px;
    text-align: right;
    padding: 0;
    margin: 0;
    margin-right: 11px;
    direction: rtl;
    cursor: pointer;
    float:right;
}
html>body div.flexible {
    margin-right: 0;
}

.contents {
    float: right;
    width: 716px;
    display: block;
    height: auto;
    text-align: right;
    padding: 0;
    margin: 0;
    direction: rtl;
    margin-bottom: 12px;
}

div.contents p {
    text-align: right !important;
    direction: rtl;
    color: #3D3D3D !important;
    font: normal 1em/1.6em "Geeza Pro", "Times New Roman", Times, Serif !important;
    margin: 0;
}

div.flexible h3 {
    color: #4d5255;
    font: 800 1em/1.9em "Geeza Pro", "Times New Roman", Times, Serif !important;
    text-align: right;
    margin: 0;
    padding-right: 21px;
}


/* profile section */

div.profiles {
    display: block;
    float: right;
    background-color: #eee;
    width: 726px;
    height: auto;
    direction: rtl;
}

table.profiles {
    float: right;
    font-size: 1em;
    width: 680px;
    text-align: right;
    padding: 0;
    margin: 15px 18px 10px 21px;
    border: 0;
/*direction: rtl;*/
}

table.profiles thead tr th,
    table.profiles tfoot tr td {
    background-color: white;
    font-size: 1em;
    padding: 6px;
    text-align: right;
    direction: rtl;
}
table.profiles thead tr .header {
    background: transparent url(../images/bg.gif) no-repeat left center;
}
table.profiles tbody td {
    color: #3D3D3D;
    padding: 6px;
    background-color: #FFF;
    vertical-align: top;
}
table.profiles tbody tr.odd td {
    background-color:#F0F0F6;
}

table.profiles input {
    direction: rtl;
    text-align: right;
}

table.profiles tbody textarea {
    direction: rtl;
    text-align: right;
    color: #444;
    border: 1px inset silver;
    font: normal 1.1em/1.7em "Geeza Pro", "Times New Roman", Times, Serif;
    margin-bottom: 8px;
    padding: 2px;
}


/* specific information tables */

div#rheinhard {
    background-color: olivedrab;
    color: white;
}

table.info {
    direction: rtl;
    background-color: white;
    font-size: 1em;
    width: 93%;
    text-align: right;
    padding: 7px;
    margin: 12px 21px 23px 25px !important;
    margin-bottom: 18px;
}
html>body table.info {
    margin-top:12px !important;
    margin-right:auto !important;
    margin-bottom:23px !important;
    margin-left:25px;
}

table.info thead tr th,
    table.info tbody tr td,
    table.info tfoot tr td {
    color: black;
    background-color: white;
    font-size: 1em;
    padding: 4px;
    padding-right: 5px;
    direction: rtl;
}

table.info tbody tr {
    border-bottom: 1px;
}

table.info tbody td {
    padding: 6px;
    padding-bottom: 2em;
    background-color: #FFF;
    vertical-align: top;
    border-top: #c8c8c8 solid 1px;
}

table.info thead tr th.holder-1 {
    width: 71%;
    font-family: inherit;
    margin-left: 2px;
    border-bottom: black solid 1px;
}

table.info thead tr th.holder-2 {
    width: 29%;
    font-family: inherit;
    border-bottom: black solid 1px;
}

table.info span.description {
    font-weight: 800;
    font-family: inherit;
    text-align: right;
    padding-right: 3px;
    color: #126599;
}

table.info span.price {
    font-size: 1.25em;
    font-weight: 800;
    font-family: inherit;
    text-align: right;
    padding-right: 3px;
    color: #030;
}

table.info span.remarks {
    font-family: inherit;
    text-align: right;
    padding-right: 3px;
    color: #999;
}

table.info form label {
    font-weight: 800;
    font-family: inherit;
    text-align: right;
    color: black;
}

table.info form select {
    color: #126599;
    padding-right: 3px;
    text-align: right;
    direction: rtl;
}

table.goods_info {
    margin-left:10px !important;
    width:97% !important;
}


/* data tables */
div#prinzeugen {
    background-color: orangered;
    color: #feffcb;
}

table.transaction_form {
    direction: rtl;
    background-color: white;
    font-size: 1em;
    width: 93%;
    text-align: right;
    padding: 7px;
    margin: 12px 21px 23px 25px !important;
    margin-bottom: 18px;
}
html>body table.transaction_form {
    margin-top:12px !important;
    margin-right:auto !important;
    margin-bottom:23px !important;
    margin-left:25px;
}

table.transaction_form thead tr th,
    table.transaction_form tfoot tr td {
    color: black;
    background-color: white;
    border-bottom: 1px solid black;
    font-size: 1em;
    padding: 4px;
    padding-right: 5px;
}

table.transaction_form td:hover {
    background-color: #F0F0F6;
}

table.transaction_form tbody td,
    table.transaction_form tbody td.bargeld,
    table.transaction_form tbody td.bargeld-t {
    color: #333;
    padding: 2px;
    padding-right: 5px;
    background-color: #FFF;
    vertical-align: top;
}

table.transaction_form tbody td {
    border-bottom: #bbb solid 1px;
}

table.transaction_form tbody td.bargeld {
    color: black;
    border-bottom: #bbb solid 1px;
    font-size: 1.3em;
}

table.transaction_form tbody td.bargeld-t {
    border-bottom: 0;
}

table.transaction_form thead tr th.holder-1 {
    width: 71%;
    font-family: inherit;
    margin-left: 2px;
    border-bottom: black solid 1px;
}

table.transaction_form thead tr th.holder-2 {
    width: 29%;
    font-family: inherit;
    border-bottom: black solid 1px;
}

table.goods_form {
    margin-left:10px !important;
    width:97% !important;
}


/* questionaries table */
table.questionaries {
    float: right;
    text-align: right;
    direction: rtl;
    font-size: 1em;
    width: 680px;
    margin: 15px 18px 10px 21px;
    padding: 0;
    vertical-align: text-top;
    border: 0;
}

table.questionaries thead tr th,
    table.questionaries tbody tr td,
    table.questionaries tfoot tr td {
    background-color: white;
    font-size: 1em;
    padding: 6px;
    vertical-align: top;
}

table.questionaries tbody tr {
    border-bottom: 1px;
}

table.questionaries tbody td {
    padding: 6px;
    padding-bottom: 2em;
    background-color: #FFF;
    vertical-align: top;
    border-top: #c8c8c8 solid 1px;
}

table.questionaries tbody td.none-border {
    padding: 6px;
    padding-bottom: 2em;
    background-color: #FFF;
    vertical-align: top;
}

table.questionaries thead tr th.q-decription,
    table.questionaries tbody tr td.q-decription {
    color: #656632;
    width: 25%;
    direction: rtl;
    font-family: inherit;
}

table.questionaries tbody tr td.q-text,
    table.questionaries tbody tr td.q-text-answer {
    font-family: inherit;
    text-align: right;
    line-height: 1.9em !important;
}

table.questionaries tbody tr td.q-text-answer {
    color: #0064cc;
}

table.questionaries thead tr th span.title {
    font-family: inherit;
    margin-left: 2px;
    color: #656632;
}

table.questionaries thead tr th span.title-2 {
    font-family: inherit;
    color: #656632;
}

table.questionaries thead tr th.q-date {
    color: #656632;
    text-align: left;
    direction: rtl;
    font-family: inherit;
}



/* service location card */

div#content div#location-card {
    position: relative;
    float: right;
    display: block;
/* background-color: #434446; */
    background: transparent url(../images/bg_location.gif) no-repeat center top;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    width: 217px;
    height: 124px;
}

div#content div#location-card h6,
    div#content div#location-card p {
    direction: rtl;
    text-align: right;
    line-height: 1.2em;
    font-size: 0.9em;
    font-weight: 900 !important;
}

div#content div#location-card h6 {
    padding: 0;
    color: #444;
    font-weight: 900;
    margin: 50px 12px 5px 9px !important;
    text-shadow: #ccc 1px 1px 0;
}

div#content div#location-card p {
    display: block;
/*background-color: orange;*/
    color: #f30;
    margin: 0 9px 11px 9px !important;
    padding: 0 5px;
}


div#content div#location-card input.location {
    float: left;
    direction: rtl;
    text-align: right;
    color: #444;
    border: 1px inset silver;
    background: white url(../images/form_bg.png) repeat-x;
    padding: 2px;
    width: 124px;
    position: absolute;
    left: 77px;
    bottom: 7px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div#content div#location-card input.key {
    background: transparent url(../images/key_location.png) repeat-y center bottom;
    float: left;
    line-height: 1.4em;
    display: block;
    height: 18px;
    width: 60px;
    color: white;
    font-weight: bold;
    text-align: center;
    position: absolute;
    left: 8px;
    bottom: 9px;
    padding: 0;
    border: 0;
}

div#content div#location-card input.key:hover {
    background: transparent url(../images/key_location_o.png) repeat-y center bottom;
    color: #eee;

}

/* copyright */
/* footer links */

div#copyright {
    position: relative;
    width: 972px;
    height: 175px;
    margin: 0 auto 8px;
    padding: 0;
    border: 0;
}

div#copyright a:link,
    div#copyright a:visited {
    border: 0;
    color: #999;
    text-decoration: none;
    padding: 2px;
}

div#copyright a:hover,
    div#copyright a:active {
    color: white;
    background-color: #333;
    text-decoration: none;
    padding: 2px;
}

div#copyright ul#footerlinks {
    padding: 0;
    margin: 0;
    float: right;
    text-align: right;
    list-style-type: none;
}

div#copyright ul#footerlinks * {
    margin: 0;
    padding: 0;
}

div#copyright ul#footerlinks li {
    float: right;
    display: block;
    width: 230px;
    height: 175px;
    height:auto !important;
    _height:auto !important;
    min-height: 155px;
    margin-right: 7px;
}
html>body div#copyright ul#footerlinks li {
    width: 229px;
    height: 175px;
    margin: 0;
    margin-right: 10px;
    margin-left: 4px;
}

div#copyright ul#footerlinks li img,
    div#copyright ul#footerlinks li img a:link {
    border: 0;
    cursor: pointer;
    background-color: white;
}

div#copyright ul#footerlinks li img a:hover
div#copyright ul#footerlinks li img a:active {
    border: 0;
    background-color:transparent;
}

div#copyright ul#footerlinks dt,
    div#copyright ul#footerlinks dd {
    font-family: "Geeza Pro", "Times New Roman", Times, Serif;
    direction: rtl;
}

div#copyright ul#footerlinks dt {
    color: #555;
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 0.5em;
    direction: rtl;
}


div#copyright ul#footerlinks dd {
    color: #999;
    direction: rtl;
    font: 100 0.9em/1.8em "Geeza Pro", "Times New Roman", Times, Serif;
}

div#copyright ul#footerlinks dd a:link,
    div#copyright ul#footerlinks dd a:visited {
    color: #777;
}

div#copyright ul#footerlinks dd a:hover,
    div#copyright ul#footerlinks dd a:active {
    color: white;
    background-color: #333;
    text-decoration: none;
}

div#copyright ul#footerlinks dt a:hover {
    border:0;
    background-color:transparent;
}

div#copyright ul#footerlinks dd span.english,
    div#copyright ul#footerlinks dd span.english a:link,
    div#copyright ul#footerlinks dd span.english a:visited {
    word-spacing: 2px;
    padding: 0 2px;
    direction: ltr !important;
    font: 100 0.95em/1.7em "Arial Narrow", Helvetica, Arial, Sans-serif !important;
}
div#copyright ul#footerlinks dd span.english a:hover,
    div#copyright ul#footerlinks dd span.english a:active {
    background-color: #333;
    text-decoration: none;
}

div#copyright ul#footerlinks dd.credits a:link,
    div#copyright ul#footerlinks dd.credits a:visited {
    padding-left: 21px;
    color: #bbb;
}

div#copyright ul#footerlinks dd.credits a:hover,
    div#copyright ul#footerlinks dd.credits a:active {
    color: #999;
    text-decoration: none;
    background-color: #eee;
}



/* miscellaneous properties */

.featherduster {
    clear: both;
}

.sauber {
    clear: both;
}

.sauber:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

span.english, span.english-2 {
    direction: ltr;
    margin: 0;
}
span.english {
    font: 800 0.9em/1.9em "Arial Narrow", Helvetica, Arial, Sans-serif;
}
span.english-2 {
    font: 800 0.95em/1.9em "Arial Narrow", Helvetica, Arial, Sans-serif;
}

/* hiding from oldies */

* html .sauber { height:1%; }

.entry_form_textarea {
    font: normal 0.9em "Geeza Pro", "Times New Roman", Times, Serif !important;
    direction: rtl;
    text-align: right;
    width: 431px;
    height: 100px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

div.question-searchbar {
    margin-top: 15px;
}

div.question-searchbar form.searcher input.text-search {
    padding-right: 4px;
}



table.search {
    font-size: 1em;
    width: 716px;
    text-align: right;
    padding: 5px;
    margin-bottom: 18px;
    direction: rtl;
}

table.search tbody td {
    color: #3D3D3D;
    padding: 4px;
    padding-bottom: 15px;
    background-color: #FFF;
    vertical-align: top;
}

table.search tbody tr.odd td {
    background-color:#F0F0F6;
}

table.search tbody td a.url {
    direction:ltr;
    text-align: left;
    color: #999;
}

table.tbl_page_bar_container {
    text-align:left;
    direction:ltr;
}

.payment_please_wait{
    border: none;
    font: #00c900 1em  bold "Geeza Pro", "Times New Roman", Times, Serif !important;
    direction: rtl;
    visibility: hidden;
}

span.search_term {
    background-color:#0df00b;
}

table.call_center_renew {
    width:95%;
    direction:rtl;
    text-align:right;
    padding-left:35px;
    padding-right:35px;
}


/* added by seroj 31 oct */
div#wrapper div#page div#content.sauber div.wideframe-in h5 {
    display: block;
    padding: 6px 3px;
    margin: 15px 19px -30px 0 !important;
    color: #006599;
    background-color: white;
    text-align: right;
    font: bold 0.95em/1em "Geeza Pro", "Times New Roman", Times, Serif;
    direction:rtl;
    margin-right: 11px;
}

table.job_vacancy thead tr th div.inner_title {
    color:#006599;
    font-size: 13px !important;
    margin-bottom:0 !important;
    margin-top:15px !important;
}



table.job_vacancy {
    float: right;
    font-size: 1em;
    width: 680px;
    text-align: right;
    padding: 0;
    margin: 15px 18px 10px 21px;
    border: 0;
/*direction: rtl;*/
}

table.form_inner_table {
    float: right;
    font-size: 1em;
    width: 680px;
    text-align: right;
    padding: 0;
    margin: 15px 18px 10px 21px;
    border: 0;
    direction: rtl;
}

table.job_vacancy thead tr th,
    table.job_vacancy tfoot tr td,
    table.form_inner_table thead tr th,
    table.form_inner_table tfoot tr td {
    background-color: white;
    font-size: 1em;
    padding: 6px;
    text-align: right;
    direction: rtl;
}
table.job_vacancy thead tr .header {
    background: transparent url(../images/bg.gif) no-repeat left center;
    padding-bottom:10px;:
}

table.job_vacancy tbody td,
    table.form_inner_table tbody td {
    color: #3D3D3D;
    padding: 6px 3px;
    background-color: #FFF;
    vertical-align: top;
}
table.job_vacancy tbody tr.odd td,
    table.form_inner_table tbody tr.odd td {
    background-color: #F0F0F6;
}

table.job_vacancy input,
    table.form_inner_table input {
    direction: rtl;
    text-align: right;
}

table.job_vacancy tbody label {
    color: #666;
}


table.job_vacancy tbody textarea,
    table.form_inner_table tbody textarea {
    direction: rtl;
    text-align: right;
    color: #444;
    border: 1px inset silver;
    font: normal 1.1em/1.7em "Geeza Pro", "Times New Roman", Times, Serif;
    margin-bottom: 8px;
}

textarea.entry_form_textarea,
    textarea.entry_form_textarea_wide {
    font: normal 0.9em "Geeza Pro", "Times New Roman", Times, Serif !important;
    direction: rtl;
    text-align: right;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #eee;
}

textarea.entry_form_textarea {
    width: 431px;
    height: 100px;
}

textarea.entry_form_textarea_wide {
    width: 666px;
    height: 55px;
}

select.formdropdown-english {
    direction: rtl;
    width: 209px;
    font-family: "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
}

table.survey_table tr th label.sticker,
    table.job_vacancy tr th label.sticker {
    font: 900 1em "Geeza Pro", "Times New Roman", Times, Serif !important;
    color: #444 !important;
    padding: 10px 0 2px 0;
}

td.click, th.click {
    background-color: #dedede !important;
}

td.hover, tr.hover {
    background-color: #e0e0e0 !important;
}

th.hover, tfoot td.hover {
    background-color: ivory !important;
}

td.hovercell, th.hovercell {
    background-color: #eee !important;
}
td.hoverrow, th.hoverrow {
    background-color: #6df!important;
}


/* search toolbar */

div#page div#header div#searchbar_phone {
    display: block;
    float: right;
    width: 236px;
    height: 32px;
    position: relative;
    left: 0;
    top: 2px;
    text-align: right;
    margin: 0;
    margin-top: 7px;
    padding: 0;
    z-index: 2;
}
div#page div#header div#searchbar_phone:after {
    clear: right;
}

form.searcher {
    display: block;
}

html>body div#page div#header div#searchbar_phone {
    margin-right: 1px;
}

div#page div#header div#searchbar_phone h5 {
    display: block;
    float: right;
    color: #6b6b6b;
/* background-color: #434446; */
    font: 800 1em/1.4em "Geeza Pro", "Times New Roman", Times, Serif;
    text-decoration: none;
    margin: 0;
    margin-top: 6px;
}


input.text-search-phone {
    display: block;
    position: relative;
    right : -9px;
    top: 3px;
    float: right;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    padding-right: 0;
    overflow: visible;
    color: #777;
    width: 165px;
    height: 21px;
    font: 400 1em/1.4em "Geeza Pro", "Times New Roman", Times, Serif;
    background: transparent url(../images/bg_search.gif) no-repeat left center;
    text-align: right;
    direction: rtl;
    border: 0;
    z-index: 1;
}
body>html input.text-search-phone {
    padding-left: 0;
}

input.magnifier-search-phone {
    display: block;
    float: right;
    position: relative;
    width: 10px;
    height: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../images/magnifier.gif);
    border: 0;
    z-index: 10;
    right: 150px;
    top: 9px;
}

div.phone-searchbar {
    margin-top: 15px;
}

div#header div#userbar ul li.register a:link,
    div#header div#userbar ul li.register a:visited	{
    color: #999;
/* background-color: #434446; */
    text-decoration: none;
    padding: 4px;
}

div#userbar ul li.register a:hover {
    color: white;
    background-color: #666666;
}

/* user frame */
div.userframe-bg {
    background-color: royalblue;
}

div.userframe,
    div.userframe-in {
    height:auto !important;
    _height:auto !important;
    margin: 0;
    padding: 0;
}

div.userframe {
    float: left;
    display: block;
    position: relative;
    width: 710px;
    min-height: 280px;
    margin: 0 0 25px 0;
    text-align: right;
    background-color: #c7c7c7;
/*background: #c7c7c7 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7c7c7), to(#e0e0e0), color-stop(0,#c7c7c7));*/
    background: transparent url(../images/userframe-bg-1.gif) repeat-x;
    border: 1px solid #c8c8c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

html>body div.userframe {
    width: 724px;
}

div.userframe-in {
    display: block;
    min-height: 72px;
    height:auto !important;
    _height:auto !important;
    margin: 0;
    margin-bottom: 0;
}


div#wrapper div#page div#content.sauber div.side-left-w div.userframe h3 {
    display: block;
    padding: 6px 3px;
    margin: 8px 11px 0 0 !important;
    color: white;
    text-shadow: rgba(0,0,0,0.45) 1px 1px 0;
    text-align: right;
    font: bold 1.4em/1em "Geeza Pro", "Times New Roman", Times, Serif;
    direction:rtl;
/* False margin value for IE */
    margin-right: 11px;
}

html>body div#wrapper div#page div#content.sauber div.side-left-w div.userframe h3 {
/* Correct margin value for all */
    margin-right: 14px !important;
}

div#wrapper div#page div#content div.side-left-w div.userframe p {
    padding: 4px 0;
    margin: -5px 14px !important;
    direction: rtl;
    text-align: right;
    display: block;
    font: 0.85em/1.2em Tahoma, Arial, Helvetica, sans-serif !important;
}

html>body div#wrapper div#page div#content div.side-left-w div.userframe p {
    margin: 1px 16px !important;
}

div#wrapper div#page div#content div.userframe input.submit-go,
    div#wrapper div#page div#content div.userframe input.submit-cancel {
    float: left;
    width: 90px;
    font: bold 1em/1.2em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 3px;
    margin: 10px 5px 0 0;
    border-style: outset;
    border-width: 1px;
    text-align: center !important;
}

div#wrapper div#page div#content div.userframe input.submit-go {
    background-color: #a8cee8;
}

div#wrapper div#page div#content div.userframe input.submit-cancel {
    background-color: #efefef;
}

div#wrapper div#page div#content div.userframe input.submit-go:hover,
    div#wrapper div#page div#content div.userframe input.submit-cancel:hover {
    background-color: #363636;
    color: white;
}


/* user frame icons and navigation */

div.userframe div#i_users ul {
    position: relative;
    display: block;
    float: right;
    width: 700px;
    height: 96px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: 0;
}

html>body div.userframe div#i_users ul {
    width: 710px;
}

div.userframe div#i_users ul li {
    float: right;
    display: inline-table;
    width: 96px;
    height: 96px;
    text-align: center;
    border: 0 !important;
    margin-right: 2px;
    margin-left: 15px;
}

html>body div.userframe div#i_users ul li {
    margin-right: 14px;
    margin-left: 7px;
}

div.userframe div#i_users ul li a:link,
    div.userframe div#i_users ul li a:visited,
    div.userframe div#i_users ul li {
    display: block;
    font-family: "Arial Narrow", Helvetica, Geneva, sans-serif;
    text-decoration: none;
    margin: 0;
    border: 0;
}

div.userframe div#i_users ul li a:hover,
    div.userframe div#i_users ul li a:active {
    background-color: #bbb;
    background: #bbb -webkit-gradient(linear, 0% 0%, 0% 100%, from(#999), to(#bbb), color-stop(0,#999));
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* user notice area */
div#content div.usernotice {
    display: block;
    float: left;
    position: relative;
    margin: 12px 0 0 12px;
    border: 1px solid rgba(167,20,13,0.51);
    background-color: rgba(210,72,70,0.51);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

div#content div.usernotice h5 {
	color: #fff;
    font: bold 0.9em/2.1em "Geeza Pro", "Times New Roman", Times, Serif;
    padding: 0 15px;
    margin: 0;
    direction: rtl;

}

div#page div#content-alt div.navigate-alt a:link,
div#page div#content-alt div.navigate-alt a:visited {
  	display: block;
    float: left;
	position: relative;
	font: normal 0.8em/1.5em Tahoma, Arial, Helvetica, sans-serif !important;
    border: 0;
    z-index: 10;
    top: -29px;
    left: 7px;
    padding: 0 6px 4px 6px;
    color: #fffeff;
    text-decoration: none;
    margin-right: 9px;
	background-color: #797979;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	  	
}
html>body div#page div#content-alt div.navigate-alt a:link,
html>body div#page div#content-alt div.navigate-alt a:visited {
    top: -29px;
    left: 4;
}
div#page div#content-alt div.navigate-alt a:hover,
div#page div#content-alt div.navigate-alt a:active {
 	color: white;
 	background-color: #005bac;
 	text-decoration: none;
 	font-weight: bold;
}

div#box1-alt, div#box2-alt, div#box3-alt {
    display: block;
    float: left;
    height: 193px;
    margin: 0;
    margin-bottom: 12px;
    background-color: transparent;
}

div#box1-alt {
    width: 726px;
    overflow: hidden;
    margin: 0;
    text-align: left;
}

div#box2-alt {
    width: 234px;
    overflow: hidden;
    margin-left: 12px;
}

div#box3-alt {
    width: 972px;
    margin-right: 0;
}

div.box4-alt, div.box5-alt {
    display: block;
    float: left;
    width: 234px;
    height: 124px;
    margin: 0;
    margin-bottom: 12px;
}

div.box5-alt {
    margin-left: 12px;
}