﻿body{
	padding:0;
	margin:0;
	background:#eee url(BodyBgr.jpg) repeat-x top;
	font-family:arial;
	font-size:12px;	
	color:#000;
	min-width:960px;	

}
h1{
	padding:0 0 20px 0;
	margin:0;
	line-height:30px;
	font-size:30px;
	font-weight:normal;
	text-align:left;
	color:#000;		
}
h2{
	padding:0 0 10px 0;
	margin:0;
	line-height:30px;
	font-size:22px;
	font-weight:normal;
	text-align:left;	
	color:#1a3a86;		
}
.loginwrap h2{
	text-align:center;		
}
h2 a{
	font-weight:normal;
	font-size:22px !important;	
}
h3{
	padding:0 0 10px 0;
	margin:0;
	line-height:30px;
	font-size:20px;
	font-weight:normal;
	text-align:left;	
	color:#333;		
}

/* Header */
#header{
	height:68px;
	clear:both;
	padding:10px 10px 0 10px;
	background:#15437e url(HeaderBgr.jpg) no-repeat top left;	
}
.headerwrap{
	height:60px;
	width:100%;
	clear:both
}
.logo{
	width:200px;
	float:left;	
	height:60px;
	background-position:center
}
.logo, .black { 
	behavior: url(Images/iepngfix.htc); 
}
.loginlinks{
	position:relative;
	_float:right;
	right:0px;
	top:0px;
	color:#000
}
.loginlinks a{
	color:#008bcc;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	padding:2px;		
}
.loginlinks a:hover{
	background:#fff;
	color:#000
}
.black{
	background:url(black.png) no-repeat;
	padding:0px 0;
	margin:0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;	
}
.accountname{
	width:30%;
	float:left;
	color:#fff;
	font-size:16px;
	padding:20px 0 0 0;
	line-height:20px;
}
/* end Header */

/* Tabs */
.tabswrap{
	height:30px;
	padding:0 0px 0 0;
	margin:0 0 20px 0;
	background:url(tabs.jpg) repeat-x 0px 0px;
}
.tabswrap li{
	padding:0 0px 0 0px;
	margin:0 0px 0 0px;
	float:left;
    list-style: none;
	background:url(tabs.jpg) no-repeat 0px -30px;	
}
.tabswrap li a{	
	line-height:30px;
	display:block;
	padding:0 10px 0 36px !important;
	margin:0 0px 0 0px;
	text-decoration: none;
	white-space: nowrap
}
.tabswrap a.tabinactive{
	color:#93baf1;
	font-weight:normal
}
.tabswrap a.tabactive{
	font-weight:bold
}
.tabswrap a.tabactive, .tabswrap a:hover{
	color:#fff;

}
.first{
	background:transparent !important;
	margin:0 0 0 6px;
}
.submenu{
	clear:both !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    visibility: hidden;
	z-index:999;
}
.submenu li{
	clear:both !important;
	display:inline !important;
   	float: none  !important;
	padding:0 !important;
	margin:0 !important;
	background:transparent !important		
}
.submenu li a
{	
    width: auto;
    background: #26272b ;
    padding:0 5px;
	line-height:28px;
    text-align:left;
    border-top:1px solid #555;
    border-bottom:1px solid #000;
    font-weight:normal;
	color:#93baf1;
}
.submenu li a:hover
{	
    background: #717578;
    color:#fff;
}
.submenu li a:focus, .submenu li a:active
{	
    background: #717578;
    font-weight:bold;
}

/* end Tabs */	

/* Layout and Content Wraps */
#contentwrap{
	width:100%;	
}
#layout{
	padding:0px 0px 20px 20px;	
}
#layout a, .loginwrap a, .rightcontent a{
	color:#008bcc;
	text-decoration:none;
	font-size:14px;
}
#layout a:hover, .loginwrap a:hover, .rightcontent a:hover{
	text-decoration:underline	
}
#rightwrap{	
	padding:0px 20px 20px 20px;
	width:300px !important;
}
/* end Layout and Content Wraps */

/* Errors and Messages */
body.error{
	text-align:inherit !important;
	margin:0 auto !important;
	float:none !important
}
.error
{
    color: Red !important;
    text-align:center;
    line-height:24px;
}
.statusmessage, .statuserror{
	padding:0px 20px 10px 20px;	
}
.statusmessage .rightcontent{
	background: url(icons.gif) no-repeat -10px -7px;
	padding: 0 0 0 20px;	
}
.statuserror .rightcontent{
	background: url(icons.gif) no-repeat -10px -260px;
	padding: 0 0 0 20px;	
}
/* end Errors and Messages */

/* Login Page */
.Login #rightwrap{
	display:none
}
.loginwrap{
	width:350px;
	margin:20px auto 0 auto;
	padding:0px 10px 0 10px;
}

.registerbox{
	margin:0 auto;
	padding:0 0px;
	text-align:center
}
/* end Login Page */

/* Register Page */
.registerform{
	padding:0 10px 0 0px;
	width:60%
}
/* end Register Page */

/* textboxes, dropdwon and buttons */
input[type=text].maininput:focus
{
    background: none;
}
textarea{
	overflow:auto
}
.textbox, .dropdown{
	font-size:12px;
}
.textbox{
	width:95% !important;
}
INPUT.textbox, TEXTAREA, SELECT {
  font-family: Arial, verdana;
  font-size: 125%;
  padding: 7px !important;
  background: #fff url(input.gif) no-repeat scroll -2px -2px !important;
  border: 1px solid #999;
}
input.textarea{
	height:inherit;
	line-height:inherit
}
input[type=submit], input[type=button] {
	height:30px;
	line-height:20px;
	padding:5px;
}
/* end textboxes, dropdwon and buttons */

/* White Content Box */
.rowrap{
	margin:0 0 10px 0;
}
.rowrap input{
	padding:5px 0px;
	font-size:12px;
	line-height:15px;
}
.rowrap select{
	padding:5px 5px 5px 0px;
	font-size:12px;
}
/* end White Content Box */

/* Left Area */
.LargeBox{
	width:100% !important;
	background:url(BlueBgr.jpg) repeat-y 0px 0px;
	margin:0 0 10px 0;	
	overflow:hidden;	
}
.LargeBoxTop{
	height:17px;
	width:100%;
	background:url(Boxes.jpg) repeat-x 0px -34px;	
}
.LargeBoxTopLeft{
	height:17px;
	width:17px;	
	background:url(Boxes.jpg) no-repeat 0px 0px;	
	float:left;
}
.LargeBoxTopRight{
	height:17px;
	width:17px;	
	background:url(Boxes.jpg) no-repeat -17px 0px ;
	float:right;
}
.LargeBoxContent{	  
	background:url(BlueBgr.jpg) repeat-y right;
	padding:0 17px 0 0px;
	margin:0 0 0 17px
}
.LargeBoxBgr{
	margin:0;
	padding:0;
	background-color:#e0edfe !important;
}
.LargeBoxBtm{
	height:17px;
	width:100%;
	background:url(Boxes.jpg) repeat-x 0px -51px;	
}
.LargeBoxBtmLeft{
	height:17px;
	width:17px;
	float:left;
	background:url(Boxes.jpg) no-repeat -51px 0px ;
}
.LargeBoxBtmRight{
	height:17px;
	width:17px;	
	float:right;
	background:url(Boxes.jpg) no-repeat -34px 0px ;
}

/* end Left Area */

/* Right Area */
.SmallBox2{
	width:100%;
	background:url(WhiteBgr.jpg) repeat-y 0px 0px;
	margin:0 0 0px 0;	
}
.SmallBox {
	width:100%;
	background:url(WhiteBgr.jpg) repeat-y 0px 0px;
	margin:0 0 10px 0;	
}
.SmallBoxTop{
	height:17px;
	width:100%;
	background:url(Boxes.jpg) repeat-x 0px -68px;	
}
.SmallBoxTopLeft{
	height:17px;
	width:17px;	
	background:url(Boxes.jpg) no-repeat 0px -17px;
	float:left;
}
.SmallBoxTopRight{
	height:17px;
	width:17px;	
	background:url(Boxes.jpg) no-repeat -17px -17px;
	float:right;
}
.SmallBoxContent{	
	background:url(WhiteBgr.jpg) repeat-y right;
	padding:0 17px 0 0px;
	margin:0 0 0 17px
}
.SmallBoxBgr{
	background-color:#fff !important;
}
.SmallBoxBtm{
	height:17px;
	width:100%;
	background:url(Boxes.jpg) repeat-x 0px -85px;	
}
.SmallBoxBtmLeft{
	height:17px;
	width:17px;
	float:left;
	background:url(Boxes.jpg) no-repeat -51px -17px;
}
.SmallBoxBtmRight{
	height:17px;
	width:17px;	
	float:right;
	background:url(Boxes.jpg) no-repeat -34px -17px;
}
/* end Right Area */

/* Tables style */
.forumcategory {
	border:1px solid #bbb
}
.forumcategory td{
	border:1px solid #bbb
}
.forumheader th{
	border:1px solid #bbb !important
}
.forumheader{
	background:#eee
}
/* end Tables style */

/* add, edit, delete, vote, view Links */
a.AddIcon{
	background: url(icons.gif) no-repeat -10px -30px;
	padding:0 0 0 20px;
	line-height:16px;
}
a.AddCommentIcon{
	background: url(icons.gif) no-repeat -10px -53px;
	padding:0 0 0 20px;	
}
a.SubscribeIcon{
	background: url(icons.gif) no-repeat -10px -76px;
	padding:0 0 0 20px;		
}
a.AddNoteIcon{
	background: url(icons.gif) no-repeat -10px -99px;
	padding:0 5px 0 20px;		
}
a.AddUserIcon{
	background: url(icons.gif) no-repeat -10px -122px;
	padding:0 5px 0 20px;		
}
a.UnsubscribeIcon{
	background: url(icons.gif) no-repeat -10px -145px;
	padding:0 0 0 20px;		
}
a.DeleteIcon{
	background: url(icons.gif) no-repeat -10px -168px;
	padding:0 0 0 20px;		
}
.rulewrap a.DeleteIcon{
	float:right;
	margin:10px 0 0 0;
}
a.EditIcon{
	background: url(icons.gif) no-repeat -10px -191px;
	padding:0 0 0 20px;	
}
a.EditIconBtn{
	margin:0 5px 0 0;	
}
a.EditNoteIcon{
	background: url(icons.gif) no-repeat -10px -214px;
	padding:0 5px 0 20px;		
}
a.EmailIcon{
	background: url(icons.gif) no-repeat -10px -237px;
	padding:0 5px 0 20px;		
}
a.VoteDownIcon{
	background: url(icons.gif) no-repeat -10px -283px;
	padding:0 0 0 20px;		
}
a.VoteUpIcon{
	background: url(icons.gif) no-repeat -10px -306px;
	padding:0 10px 0 20px;		
}
.PageTextIcon{
	background: url(icons.gif) no-repeat -10px -835px;
	padding:0 0px 0 0px;		
}
.PageStarIcon{
	background: url(icons.gif) no-repeat -10px -858px;
	padding:0 0px 0 0px;		
}
a.UserProfileIcon{
	background: url(icons.gif) no-repeat -10px -375px;
	padding:0 5px 0 20px;		
}
a.ViewTicketIcon{
	background: url(icons.gif) no-repeat -10px -398px;
	padding:0 5px 0 20px;		
}
a.FolderEmptyIcon{
	background: url(icons.gif) no-repeat -10px -421px;
	padding:0 0 0 20px;		
} 
a.FolderFullIcon{
	background: url(icons.gif) no-repeat -10px -444px;
	padding:0 0 0 20px;		
}
a.ViewTicketsIcon{
	background: url(icons.gif) no-repeat -10px -467px;
	padding:0 0px;
}
a.OpenTicketsIcon{
	background: url(icons.gif) no-repeat -10px -490px;
	padding:0 5px 0 26px;		
}
a.PendingTicketsIcon{
	background: url(icons.gif) no-repeat -10px -513px;
	padding:0 5px 0 26px;		
}
a.SolvedTicketsIcon{
	background: url(icons.gif) no-repeat -10px -536px;
	padding:0 5px 0 26px;		
}
a.ClosedTicketsIcon{
	background: url(icons.gif) no-repeat -10px -559px;
	padding:0 5px 0 26px;		
}
a.UnassignedTicketsIcon{
	background: url(icons.gif) no-repeat -10px -582px;
	padding:0 5px 0 26px;		
}
a.OpenTicketIcon{
	background: url(icons.gif) no-repeat -10px -881px;
	padding:0 5px 0 26px;		
}
a.PendingTicketIcon{
	background: url(icons.gif) no-repeat -10px -904px;
	padding:0 5px 0 26px;		
}
a.SolvedTicketIcon{
	background: url(icons.gif) no-repeat -10px -927px;
	padding:0 5px 0 26px;		
}
a.ClosedTicketIcon{
	background: url(icons.gif) no-repeat -10px -950px;
	padding:0 5px 0 26px;		
}
a.UnassignedTicketIcon{
	background: url(icons.gif) no-repeat -10px -973px;
	padding:0 5px 0 26px;		
}

.tabswrap a.HomeIcon{
	background: url(icons.gif) no-repeat 0px -598px;
}
.tabswrap a.FolderFullIcon{
	background: url(icons.gif) no-repeat 0px -437px;	
}
.submenu a.FolderFullIcon{
	background:#26272b url(icons.gif) no-repeat 0px -437px;	
}
.submenu a.FolderFullIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -437px;	
}
.submenu a.OpenTicketsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -483px;
}
.submenu a.OpenTicketsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -483px;
}
.submenu a.PendingTicketsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -506px;
}
.submenu a.PendingTicketsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -506px;
}
.submenu a.SolvedTicketsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -529px;
}
.submenu a.SolvedTicketsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -529px;
}
.submenu a.ClosedTicketsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -552px;
}
.submenu a.ClosedTicketsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -552px;
}
.submenu a.UnassignedTicketIcon{
	background:#26272b url(icons.gif) no-repeat 0px -575px;	
}
.submenu a.UnassignedTicketIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -575px;	
}
a.PendingTopicsIcon{
	background: url(icons.gif) no-repeat -10px -329px;
	padding:0 5px 0 26px;	
}
.submenu a.PendingTopicsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -322px;	
}
.submenu a.PendingTopicsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -322px;	
}
.submenu a.PendingCommentsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -345px;	
}
a.PendingCommentsIcon{
	background:url(icons.gif) no-repeat -10px -352px;	
	padding:0 5px 0 26px;	
}
.submenu a.PendingCommentsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -345px;	
}
.submenu a.SiteSettingsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -736px;	
}
.submenu a.SiteSettingsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -736px;	
}
.submenu a.BrowseUsersIcon{
	background:#26272b url(icons.gif) no-repeat 0px -759px;	
}
.submenu a.BrowseUsersIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -759px;	
}
.submenu a.TicketRulesIcon{
	background:#26272b url(icons.gif) no-repeat 0px -782px;	
}
.submenu a.TicketRulesIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -782px;	
}
.submenu a.ManageDepartmentsIcon{
	background:#26272b url(icons.gif) no-repeat 0px -805px;	
}
.submenu a.ManageDepartmentsIcon:hover{
	background:#717578 url(icons.gif) no-repeat 0px -805px;	
}
.submenu a.Templates{
	background:#26272b url(icons.gif) no-repeat 0px -989px;	
}
.submenu a.Templates:hover{
	background:#717578 url(icons.gif) no-repeat 0px -989px;	
}
.tabswrap a.SubmitTicketIcon{
	background: url(icons.gif) no-repeat 0px -621px;		
}
.tabswrap a.ViewTicketsIcon{
	background: url(icons.gif) no-repeat 0px -460px;
}
.tabswrap a.SiteManagementIcon{
	background: url(icons.gif) no-repeat 0px -644px;
}
.tabswrap a.CannedRepliesIcon{
	background: url(icons.gif) no-repeat 0px -667px;
}
.tabswrap a.TasksIcon{
	background: url(icons.gif) no-repeat 0px -713px;	
}
.tabswrap a.InformationIcon{
	background: url(icons.gif) no-repeat 0px -690px;	
}

.InformationTab{
	float:right !important
}
.TopicIcon{
	width:20px;
	height:16px;
	float:left;	
}
a.TicketsIcon, a.TicketsEmptyIcon{
	background: url(icons.gif) no-repeat -10px -467px;
	padding:0 0 0 25px;	
}

.textleft{
	text-align:left;
	float:left
}
.votebtns{
	text-align:left;
	display:inline;
	float:left
}

/* end add, edit, delete, view Links */

/* Comments */
.commentbox{
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
	height: 355px;
}
.commentwrap p{
	margin:0;
	padding:0;
	line-height:18px
}
.commentwrap td{
	padding:0 10px 0 0 
}
.CommentDate{
	float:left;
}
.username{
	color:orange;
	text-align:center
}
.EditDeleteBtns{
	float:left;
	margin:0 0 0 10px
}
/* end Comments */

/* Rules Style */
.rulewrap{
	background:#f1f0f0;
	clear:both;
	height:auto;
	min-height:34px;
	padding:4px;
}
.rulewrap select, .rulewrap input{
	float:left;
	margin:0 4px 0 0;	
}
/* end Rules Style */
/* Fix Width */

/* End Fix Width */
/* Ticket rules */
#sortable { 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
}
#sortable li { 
	margin: 0 3px 4px 3px; 
	padding: 5px; 
	padding-left: 1.5em; 
	font-size: 1.4em; 
	height: 18px; 
}
#sortable li img { 
	position: absolute; 
	margin-left: -1.3em; 
	cursor: pointer; 
}
.ticketrules li{
	border:1px solid #ddd !important;
	background:#f1f0f0;
}
SPAN.tagMatches {
    margin-left: 50px;
    margin-top: 10px;
    float: left;
}

SPAN.tagMatches SPAN {
    padding: 2px;
    margin-right: 4px;
    background-color: #0000AB;
    color: #fff;
    cursor: pointer;
}
/* Common styles */
.note{
	padding:7px;
	border:1px solid #ddd;
	background:#eee;
	margin:5px 0 0 0;
}
.perpage{
	width:100%;
	clear:both;
	margin:0 0 10px 0;
	text-align:right;
}
.separator{
	line-height:10px;
	height:10px;
	font-size:10px;
	clear:both;
	width:100%;	
}
.separator5{
	line-height:5px;
	height:5px;
	font-size:5px;
	clear:both;
	width:100%;	
}
.label{
	padding:0;
	margin:0;
	line-height:25px;
	display:block;
	font-size:16px;
	font-weight:bold	
}
.submited{
	color:#999;
}
.submitedpic{
	color:#999;
	padding-left: 60px;
}
.topictext p{
	padding:5px 0;
	margin:0
}
.topictext ul{
	padding:0 0 0 20px;
	margin:0
}
.topicwrap{
	background:#fff;
	border:2px solid #d7e1f5;
	padding:10px;
}
.clear{
	line-height:0px;
	height:0px;
	font-size:0px;
	width:100%;
	clear:both
}
.highlight{
	background:yellow;
	color:#000;
	font-weight:bold;
	display:inline;
	padding:0;
	margin:0;
}
.buttons{
	width:100% !important;
	text-align:center
}
.headlinks{
	float:right
}
.headlinks a{
	margin:0 0 0 5px;
}
.dropdowntable td{
	padding:0 10px 0 0;
}
/* end Common styles */

/* Fixes */
.container{
	_width: expression(document.body.clientWidth < 980 ? "960px" : "100%" ); /* fix for min-width for IE6*/
}
/* end Fixes */

/* Images Style */
.photoborder{
	padding:0px;
	border:2px solid #ddd	
}
/* end Images Style */

/* Print Styles */
@media print
{
	#header, .tabswrap, #rightwrap{
		display:none !important;
	}
	body{
	background:transparent !important;
	color:#000 !important;
	float:none !important;
	width:100% !important;
	padding:0px !important;
	margin:0px !important;
	font:12px arial, helvetica, sans-serif; 	
	}
	h1, h3, .label{
	padding:0px !important;
	margin:0px !important;
	color:#000 !important;
	}
	h2{
	padding:0 0 10px 0!important;
	margin:0px !important;
	color:#000 !important;	
	}
	.headlinks, .addcomment, .edit, .delete {
	display:none !important;	
	}
	#layout{
	float:none !important;
	width:100% !important;
	padding:0px !important;
	margin:0px !important;
	}
	#layout a{
	background:transparent !important;
	padding:0px !important;
	margin:0px !important;
	color:#000 !important;
	}
	.rtable, .topicwrap, .rtablebgr{
	background:transparent !important;
	border:0px !important;
	width:100% !important;
	padding:0px !important;
	margin:0px !important;	
	}
	.rtable .forumcategory{
	width:100% !important;
	padding:0px !important;
	border:0px !important;
	margin:0px !important;	
	}
	.rtable .forumcategory td, .rtable .forumcategory th{
	border-bottom:1px solid #000 !important;
	}
	.username{
	color:#000 !important
	}
	.statusmessage, .statuserror{
	display:none
	}
	textarea, input[type=submit], input[type=button], .file, .browse, .buttons, .fckeditor{
	display:none !important;
	}
}
/* end Print Styles */