* { margin:0; padding:0;}
body { background-color: black; background-image: url('../../images/page_bg.gif'); background-repeat: repeat-x; font-family:Arial; font-size:100%; line-height:1.25em; color:#646464; position: relative; width: 100%; }
#SIMPLEtodolist { position: absolute; top: 0px; right: 0px; min-height: 600px; width: 41px; z-index: 1001; }
#SIMPLEtab { width: 41px; height: 600px; float: left; background: url('../../images/todotab.gif') no-repeat; }
#SIMPLEcontent { width: 398px; float: left; color: white; display: none; background-color: rgb(88,112,150); min-height: 600px;}
#wrapper { width: 980px; margin: auto; }
#main {width: 980px; position: relative; }
#header {height:176px; min-width:645px;}
#left_side { width:0px; float:left; ;}
#right_side { margin-left:0px;}

#main .logo { position: absolute; width: 980px; height: 98px;  background: url('../../images/logo.png') no-repeat; }

#login { color: white; }
#login input { border-left: 1px solid #808080; border-bottom: 1px solid #808080; border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; height:21px}

.tall_top { width: 980px; background: url('../../images/main_bg.png') repeat-y; margin: auto; }
img { border: none; }


#main .message { width: 90%; margin: auto; border: 2px solid red; margin-top: 10px; margin-bottom: 10px; padding: 15px; color: red; color: red; font-weight: bold; font-size: 16px; text-align: center; }

#main .single { background-color: white; width: 960px; padding: 5px; margin-top: 5px; font-size: 11px; margin: auto; }
#main .separator { height: 5px; }
#main .single div.checkbox { float: left; width: 30px; }
#main .single td { background-color: white;}
#main .single .checkbox input { border: none; background-color: transparent; }
#main .single div.Ticketuser { float: left; width: 150px; border: 1px solid #aaaaaa; background-color: #dddddd; margin-left: 5px; margin-right: 5px; }
#main .single .Ticketuser { width: 150px; border: 1px solid #aaaaaa; background-color: #dddddd; margin-left: 5px; margin-right: 5px; }
#main .single div.TicketCategory { float: left; width: 150px; border: 1px solid #aaaaaa; }
#main .single div.TicketContent { float: left; width: 395px; border: 1px solid #aaaaaa; }
#main .single div.TicketDate { float: left; width: 150px; border: 1px solid #aaaaaa; }
#main .single div.TicketStatus { float: left; width: 80px; border: 1px solid #aaaaaa; }
#main .single td.TicketCategory { width: 150px; border: 1px solid #aaaaaa; }
#main .single td.TicketContent { width: 395px; border: 1px solid #aaaaaa; }
#main .single td.TicketDate { width: 150px; border: 1px solid #aaaaaa; }
#main .single td.TicketStatus { width: 80px; border: 1px solid #aaaaaa; }

#main .wyslij input.radio { border: none; background-color: transparent; }
#main table.wyslij { border: 1px solid #aaaaaa; margin: auto; }

.clear { clear:both;}


/*header*/
#header .row_1 { height:96px;}
#header .row_2 { height:125px; background:url(../../images/user_menu1.gif) left top repeat-x;}
#header .row_2 .indent { padding:30px 0 22px 37px; }


#left_side .indent { padding:27px 40px 0 64px;}
#left_side .indent1 { padding:55px 0 58px 0;}
#left_side .indent1 .title { margin-bottom:31px;}

#menu { position: absolute; top: 102px; left: 350px; width: 750px; height: 70px; }
#menu .users { margin-left: 5px; float: left; width: 100px;}
#menu .projects { margin-left: 10px; float: left; width: 85px; }
#menu .tickets { margin-left: 10px; float: left; width: 90px; }
#menu .settings { margin-left: 10px; float: left; width:90px; }
#menu .logout { margin-left: 10px; float: left; width:90px; }
#menu .pakiety { margin-left: 10px; float: left; width:90px; }


#contextmenu { position: absolute; top: 103px; left: 16px; width: 320px; height: 47px; z-index: 2; background-color: #e8eef0}
#contextmenu table.tlo td.top_left { height: 16px; width: 16px; background: url('images/left_top_corner.png') no-repeat;}
#contextmenu table.tlo td.top { height: 16px; background: url('images/top.png') repeat-x;}
#contextmenu table.tlo td.top_right { height: 16px; width: 16px; background: url('images/right_top_corner.png') no-repeat;}
#contextmenu table.tlo td.left { width: 16px; background: url('images/left.png') repeat-y;}
#contextmenu table.tlo td.right { width: 16px; background: url('images/right.png') repeat-y;}
#contextmenu table.tlo td.bottom_left { height: 21px; width: 16px; background: url('images/left_bottom_corner.png') no-repeat;}
#contextmenu table.tlo td.bottom { height: 21px; background: url('images/bottom.png') repeat-x;}
#contextmenu table.tlo td.bottom_right { height: 16px; width: 16px; background: url('images/right_bottom_corner.png') no-repeat;}


div.DHTMLSuite_calendarContent {
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.8em;
	width:220px;
	height:160px;
}
div.DHTMLSuite_calendarContent a {
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:0.8em;
}

.clear{
	clear:both;
}

#singleproject table td { vertical-align: top; }
#statusy div { padding-left: 10px; padding-right: 10px; text-align: center;}
#sortowanie li { float: right; padding-right: 20px;}
#sortowanie a { color: black; text-decoration: none;}

A:link		{ COLOR: #0067c7; TEXT-DECORATION: none;  }
A:visited	{ COLOR: #0067c7; TEXT-DECORATION: none; }
A:active	{ COLOR: #0067c7; TEXT-DECORATION: none;  }
A:hover		{ COLOR: #D20000; TEXT-DECORATION: underline; }

input { border-left: 1px solid #808080; border-bottom: 1px solid #808080; border-top: 1px solid #C0C0C0; border-right: 1px solid #C0C0C0; height:21px}
#content #szukajka input[type=text] { height: 17px !important; padding: 3px;}
#content #szukajka select { height: 25px !important; line-height: 25px !important; padding-top: 5px; }

#pakiety { padding: 15px; font-size: 80%; }
#pakiety h1 { font-size: 150%; }
#pakiety table.tabelka td { border: 1px solid gray; }
#pakiety table.tabelka th { border: 1px solid gray; }


#pakiety2 { overflow: auto; font-size: 70%; }
#pakiety2 h1 { font-size: 100%;}
#pakiety2 td { border_bottom: 1px dotted gray; }
#pakiety2 th { border_bottom: 1px dotted gray; }
#pakietdetails { font-size: 80%; }
#pakietdetails td { border: 1px dotted gray; }
#pakietdetails th { border-left: 1px dotted gray; border-right: 1px dotted gray; }

table.male { border: 1px dotted #cccccc;}
td.male, td.male a, th.male, th.male a { font-size: 9px; }
th.male { background-color: #cccccc; border-bottom: 1px dotted gray;}


#main tr.bold td a, #main tr.bold td, #main tr.boldred td a, #main tr.boldred td { font-weight: bolder; }
#main tr.bold td a { color: #0000AA; }
#main tr.boldred td a { color: #D20000; }
#main tr.bold td { color: black; }
#main tr.boldred td { color: black; }

#THREAD_project_rels input { vertical-align: bottom; margin-right: 5px; }


.content{
   padding: 15px;

}

/* MODALE */

.modal-window {
   display:none;
   height:auto;
   border:1px solid grey;
   border-radius: 4px;
   box-shadow: 3px 3px 0 rgba(11, 11, 11, 0.5);
   position: relative;
   width: 300px;
   margin-left: -150px;
   top: -15px;
   left: 50%;
   background:#FFFFFF;
   padding:10px;
   z-index: 1;
}

.modal-window h3{
   margin-top: 5px;
}

#PLACEforTICKETS pre{
   width: 837px;
   overflow: auto;

}

.checkclass{
   margin-right: 5px;
   vertical-align: bottom;
}

#threadTable tr:nth-child(2) td{
   background-color: #dae2eb;
}

#threadTable tr:nth-child(4) td{
   background-color: #dae2eb;
}

#threadTable tr:nth-child(6) td{
   background-color: #dae2eb;
}

#threadTable td{
   padding-top: 4px;
   padding-bottom: 4px;
}