body {
font-family:arial, helvetica, sans-serif;
font-size:9pt;
margin:0;
padding:0;
text-align:center;
}


table input { width: auto; height: auto; direction:rtl;}

img, fieldset { border:None; direction:rtl;}
fieldset {
clear:both;
margin:0;
padding:2px 0 2px 0;
direction:rtl;
}
.submit {
    font-family:Bold Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin-left: 5px;
    border: 1px solid;
    background-color: #00adee;/*#DB8606*/
    border-color: #00adee;
    color: #FFF;
}
.btn, .btn a {
display:block;
width:134px !important;
height:27px;
border:none;
font-family:arial, helvetica, sans-serif !important;
line-height:27px !important;
background:url(../images/button.jpg) top right no-repeat;
text-align:center;
color:#fff !important;
font-weight:bold;

}

form .btn {
padding-bottom:4px;direction:rtl;
text-decoration:none;
}

h1, h2, h3 {
font-weight:normal;
margin:0;
padding:0;direction:rtl;
}

th {
font-weight:bold;
text-align:right;
padding-right:3.5px;direction:rtl;
}
#container {
width:600px;
margin:5px auto 0 auto;
font:12px arial, Helvetica, sans-serif ;
text-align:right;direction:rtl;
}

#header {
padding:0 10px 0 0;
height:64px;
border-bottom:5px solid;
overflow:none;direction:rtl;
}

#footer {
height:24px;
border-top:1px solid;
border-bottom:1px solid;
text-align:center;
overflow:none;direction:rtl;
}

#logo { 
width:222px;
height:64px;
display:block;
float:right;direction:rtl;
}

#header p {
width:300px;
float:right;
font-size:10px;
line-height:10px;
height:10px;
text-transform:uppercase;
text-align:right;
padding-bottom:5px;direction:rtl;
}

#nav {

clear:both;
margin:0;
padding:0 40px 0 0;
height:24px;
border-bottom:1px dotted;direction:rtl;	background-color:#00ADEE;
}

#nav li {


list-style:none;
margin:0;
padding:2px;
display:inline;direction:rtl;
}

#nav li a {

color:#FFF;
font-size:15px;
font-weight:bold;
height:24px;
line-height:24px ;

display:block;
float:right;
padding-right:40px;

text-decoration:none;

float:right;direction:rtl;
}

#nav li a:hover {
color:#FFF;/*#06C*/
text-decoration:underline;
font-weight:bold;
height:24px;

}



#nav a.home { background:url(../images/home.gif) 87px 5px no-repeat;  }
#nav a.new_ticket { background:url(../images/icons/new_ticket.gif) 50px 2px no-repeat; }
#nav a.my_tickets { background:url(../images/icons/my_tickets.gif) 87px 2px no-repeat; }
#nav a.ticket_status { background:url(../images/ticket_status.gif) 60px 5px no-repeat; }
#nav a.log_out { background:url(../images/icons/list_users.gif) 48px 2px no-repeat; }

#content {
font:Arial, Helvetica, sans-serif;
font-size:13px;
clear:both;
color:#333;

line-height:14pt;
direction:rtl;
}
#content th  {
color:#333;
text-decoration:none;
/*background-color:#F7F7F7;*/
background-color:#F7F7F7;

}




#content   a:link {
	
color:#00ADEE;
text-decoration:underline;

}
#content   a:hover {
	
color:#BCDC0A;
text-decoration:underline;

}

#content   a:visited {
/*	color:#00ADEE;*/
color:#00ADEE;
text-decoration:underline;



}


#content  th a:link {
/*	color:#00ADEE;*/
color:#333;
text-decoration:underline;

}

#content  th a:visited {
/*	color:#00ADEE;*/
color:#333;
text-decoration:underline;

}

#content  th a:hover {
/*	color:#00ADEE;*/
color:#666;
text-decoration:underline;



}

#content #index {
text-decoration:none;
color:#333;
width:525px; /* Enable to center the fdorms */
margin:10px auto 10px auto;direction:rtl;
}



#content form {
margin:0;
padding:0;direction:rtl;
}

#content form label {
display:block;
width:60px;
padding-right:10px;
text-align:right;
float:right;
direction:rtl;
}
#content  table td {

border-bottom:1px dotted #FFF;
}


#content #index form input {

width:175px;
float:right;direction:rtl;
}

#content #bar {
	padding:0 10px 0 10px;
width:1px;
height:250px;
display:block;
float:right;direction:rtl;
}


#index .box {
width:252px;
float:right;direction:rtl;
}

#index .box p {
clear:both;
padding-top:5px;
direction:rtl;
}



#ticketform {
padding:20px 20px 50px 20px;
width:600px;
margin:20px auto 20px auto;
border:1px solid;direction:rtl;
}

#loginform {
padding:20px 20px 50px 20px;
width:400px;
margin:20px auto 20px auto;
border:1px solid;direction:rtl;
}

#ticketform input, #ticketform select {
width:300px;
float:right;direction:rtl;
}

#loginform input {
width:160px;
float:right;direction:rtl;
}

#ticketform label {
width:130px;
text-align:right;
display:block;
float:right;
padding-right:10px;direction:rtl;
}

#loginform label {
width:130px;
text-align:right;
display:block;
float:right;
padding-right:10px;direction:rtl;
}

#ticketform textarea {
width:400px;direction:rtl;
}

#ticketform .ticketsubmit {
margin-right:410px;direction:rtl;
}

#loginform .ticketsubmit {
margin-right:170px;direction:rtl;
}


#powered_by {
clear:both;
display:block;
width:126px;
height:23px;direction:rtl;
}


.error {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
border: none;
font-weight: bold;direction:rtl;
}

.msg {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color:#00ADEE;
text-decoration: none;
font-weight: bold;direction:rtl;
}


#infomessage, #warnmessage, #errormessage {
margin-bottom: 1.5em;
padding: 0.3em;
font-weight: bold;
border-top: 1px solid;
border-bottom: 1px solid;direction:rtl;
}


/* Buttons  */
.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 5px;
border: 1px solid;direction:rtl;
}

/* Generic CSS based Icons. use=> <tag class="Icon iconname">text</tag> */

.Icon {

width: auto;
padding-right:20px;
background-position: right center;
background-repeat: no-repeat;
color:#006699; 
text-decoration: none;direction:rtl;
}

a.Icon { }

a.Icon:hover {
text-decoration: underline;direction:rtl;    
}


.Icon.Ticket { background:url(../images/icons/ticket.gif) 0 2px no-repeat; }
.Icon.webTicket { background:url(../images/icons/ticket_source_web.gif) 0 2px no-repeat; }
.Icon.emailTicket { background:url(../images/icons/ticket_source_email.gif) 0 2px no-repeat; }
.Icon.phoneTicket { background:url(../images/icons/ticket_source_phone.gif) 0 2px no-repeat; }


.Icon.attachment { background-image: url(../images/icons/attachment.gif); }
.Icon.file { background-image: url(../images/icons/attachment.gif); }
.Icon.refresh { background-image: url(../images/icons/arrow_refresh.png); }   
.Icon.thread {
font-weight: bold;
font-size: 1em;
background-image: url(../images/icons/thread.gif);
background-position: 2px 0px;
}

/* Ticket view (Messages and Responses) */
#ticketthread table.message {
margin:10px 0 5px 0;direction:rtl;
}

#ticketthread table.response {
margin-bottom:5px;direction:rtl;
}

table.message, table.response {
border: 1px solid;
border-bottom: none;direction:rtl;
}

table.message td, table.message th,table.response td, table.response th {
border-bottom:1px solid;direction:rtl;
padding:5px;
}

table.message tr.header td, table.response tr.header td {
padding:1px;
padding-right:5px;direction:rtl;
}

table.message th, table.response th {
line-height:24px;
font-size:12px;
padding:1px;                
padding-right:5px;
font-weight:bold;direction:rtl;
}