body{
background:#6699CC url("./img/bg3.jpg") repeat-x;
font-family:arial,'Lucida Grande',sans-serif;
}

#cn{

width:75%;
max-width:1000px;
min-width:720px;
margin:0 auto;
padding:15px 0;
position:relative;
text-align:left;
}

#status_twitter{
background:url("img/twitter_status.png") no-repeat;
width:9px;
height:12px;
display:inline;
position:absolute;
margin-left:-25px;
margin-top:5px;
}

.linker{
color:#2e4865;
font-size:7px;
}

.linker a, .linker a:visited{
color:#2e4865;
text-decoration:none;
}


#colorpicker{
position:absolute;
top:115px;
right:35px;

}

#desi{
border:1px solid #EEEEEE;
background:red;
margin:0 0 16px;
}

#desi a{
float:left;
width:20px;
height:20px;
display:block;
margin:3px;
cursor:pointer;
}


#desi span{
float:left;
display:block;
margin:10px;
}

#theme_edit{
display:block;
}

#theme_edit .inp{
width:75px;
text-align:center;
float:left;
cursor:pointer;
}

#theme_edit  br{
 clear: left;
}

#theme_edit label{
font-weight:bold;
float:left;
display: block;
width:150px;
padding:5px;

}



#filter_button{
float:left;
position:relative;
}

#filter_options{
display:none;
background:black;

position:absolute;
z-index:2000;
left:87px;
margin-top:-1px;
color:white;
padding:10px;

-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;

-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;

}
.filterbuttons{
position:absolute;
bottom:1px;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#filter_options hr{
border:solid 2px #242424;
}

.pdragged{
background:url("img/dragshadow.png") repeat-x;
height:30px;
}


#tabs{
height:100%;
margin-top:10px;
}

#tabs2{
height:80%;
}

#twitstatus{
display:none;
margin-right:5px;
}

.itsleft{
position:absolute;
left:20px;
color:gray;
font-size:13px;
padding-top:10px;
}

.lili{
padding:10px;
margin-left:40px;
}

.tabela{
border:0px;

}


h2{
font-family:georgia,serif;
margin-bottom:20px;
}

h3{
font-family:georgia,serif;
margin-bottom:5px;
margin-top:20px;
}

.maxw{
width:100%;
position:relative;


}

#loginbox{
width:350px;
margin:auto;
}


.forgot a{
font-size:13px;
margin-left:80px;
color:#525252;
}

.lock{
background:url("img/lock.png");
width:54px;
height:67px;
position:absolute;
top:15px;
margin-left:-100px;
}

.lock_openid{
background:url("img/openid.jpg");
width:78px;
height:73px;
}

.openidtxt{

width:100%;
font-size:11px;


}



#loginbox .textInput{
background:white url("img/binput.png") repeat-x;
border:1px solid #c0b5a6;
font-size:30px;
padding:5px;
color:gray;
}

#loginbox .textInput:focus{
color:black;
}


.bigbutton{
margin-top:20px;
font-size:20px;
font-weight:bold;
padding:10px;
}

.formlabel{
font-weight:bold;
padding-top:0.6em;
display:block;
}

#welcome{
position:relative;
font-family:georgia,serif;
color:white;
}

#welcome .t1{
font-size:4.5em;
position:relative;
}


#welcome .t015{
color:silver;
font-size:2em;
position:absolute;
top:1px;
top:110px;
text-align:right;
}


#welcome .t2{
color:#aad373;
font-size:5em;
position:absolute;
right:1px;
top:1px;
top:80px;
background:url("img/donebig.png") no-repeat right;
background-position:right;
padding-right:100px;
}



#welcome .t2 p{
float:left;
color:silver;
font-size:25px;
}

#welcome .tscreenshot{
position:relative;
background:url("img/forcedo_scr.jpg");
width:441px;
height:367px;
float:left;
}


#welcome .t3{
margin-left:431px;

}

#welcome  .t2b{
width:100%;
margin-top:120px;
position:absolute;
}


#welcome .t3b{
width:280px;
margin:auto;
}

#welcome .t4{
font-size:1.3em;
margin-bottom:10px;
}

#welcome .t4b{
font-size:0.95em;
margin-bottom:30px;
}

.t4c{
background:url("img/signupbutton.png");
font-size:1.5em;
width:280px;
height:80px;
text-align:center;
cursor:pointer;
}


.t4c a{
text-decoration:none;
color:white;
position:relative;
top:22px;
}

.t4c a:hover{
color:silver;
}

#welcome .t5{
background:url("img/forcedologo2.png") no-repeat;
width:136px;
height:32px;

position:absolute;
top:10px;
right:0px;

}

#welcome  .t6{
text-align:center;
margin-top:20px;

}

.t6 li{
	margin: 0;
	padding: 0;
	padding-bottom:0px;
	padding-right:20px;
	cursor: default;
	list-style-type: none;
	display: inline;
	
	color:black;
	font-size:22px;
	font-weight:bold;
}

.t6 a{
text-decoration:none;
color:white;
}



#content{
background:white;
padding:10px;

-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;

-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;

}

#content2{
background:white;
padding:10px;

-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;

-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;

}

.pbr{
border:#9e9e9e solid 1px;
height:6px;
width:30px;
background:white url("img/bpr.gif") repeat-y;
background-position:-15px;
float:left;
margin-top:4px;
margin-left:10px;
position:absolute;
left:100px;
}

.aaa{
font-family:"courier new",courier;
font-size:12px;
float:left;
margin-left:9px;
color:gray;
}


.t_duration{
font-family:"courier new",courier;
font-size:12px;
float:left;
font-weight:bold;
color:gray;
}


#mnu{
sbackground:#487FB1;
background:#98bbdd;

-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;

-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;
padding-bottom:20px;
}

.edit_duration{
width:40px;
font-size:11px;
}



#due{
width:60px;
font-size:11px;
}

#due_e{
width:60px;
font-size:11px;
margin-top:2px;
}

.dp-choose-date{
margin-top:3px;
}


#priority{
font-size:11px;
}

#e_priority{
font-size:11px;
}

#folder_e{
font-size:11px;
}





#folder_n{
font-size:11px;
}


#sea{
display:none;
padding:5px;
background:#abe0f9;
}

#addtask{
display:block;
width:100%;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
background:#ffe8a1;
width:98%;


-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;

-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
}

#miniedit{
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
padding-right:10px;
background:#ffe8a1;
width:98%;
display:none;


-moz-border-radius-bottomleft:5px;
-moz-border-radius-topleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-left-radius:5px;

-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.e_todo{
width:100%;
font-size:15px;
padding:4px 0px 4px 0px;
background:white url("img/binput.png") repeat-x;
border:1px solid #c0b5a6;
}

#e_todo_comment{
background:white url("img/binput.png") repeat-x;
border:1px solid #c0b5a6;
width:100%;
height:100px;
}

.efo{

}

#bttt{
position:relative;
background:url('img/btimer.gif');width:200px;height:200px;
}

hr{
border:1px solid silver;
}

#minimenu{
margin-top:5px;
}


.listlinks{
display:none;
bottom:1px;
z-index:1;
text-align:right;
}

.listlinks a{
color:gray;
font-size:12px;
padding:0 5px;
font-weight:bold;
text-decoration:none;
}

.listlinks a:hover{
background:black;
color:white;
}




.listlinks3{
bottom:1px;
z-index:1;
text-align:right;
}

.listlinks3 a{
color:gray;
font-size:12px;
padding:0 5px;
font-weight:bold;
text-decoration:none;
}

.listlinks3 a:hover{
background:black;
color:white;
}


.listlinks2 a{
background:black;
color:white;


-moz-border-radius-bottomleft:2px;
-moz-border-radius-topleft:2px;
-webkit-border-bottom-left-radius:2px;
-webkit-border-top-left-radius:2px;

-moz-border-radius-topright:2px;
-moz-border-radius-bottomright:2px;
-webkit-border-top-right-radius:2px;
-webkit-border-bottom-right-radius:2px;

}

#duration{
background:white url("img/binput.png");
border:1px solid #c0b5a6;
}


#todo{
background:white url("img/binput.png");
border:1px solid #c0b5a6;
width:100%;
font-size:20px;
padding:4px 0px 4px 0px;
}

#todo_comment{
background:white url("img/binput.png") repeat-x;
border:1px solid #c0b5a6;
width:100%;
height:100px;

}


.feedback_comment{
background:white url("img/binput.png") repeat-x;
border:1px solid #c0b5a6;
width:100%;
height:100px;

}

.buttonsb{
text-align:right;
}

.buttonsb input{
color:black;
padding:0 30px;
font-size:20px;
}

.buttonsb span{
font-size:12px;
}

.buttonsb a,.buttonsb a:visited{
font-size:13px;
color:red;
}

.buttons img{
border:0px;
}

#todo2{
display:none;
}

.e_priority_e{
float:left;
margin-right:10px;
width:100px;
}


.taskdata p{
font-size:10px;
font-weight:normal;
padding-left:0px;
}


.taskdata{
height:50px;
}


#e_duration{
background:white url("img/binput.png");
border:1px solid #c0b5a6;

}

.e_duration_e{
float:left;
margin-right:10px;
width:75px;
}

.e_list_e{
float:left;
margin-right:10px;
width:100px;
}

.e_due_e{
float:left;
margin-right:10px;
width:100px;
}

#todo2 p,#miniedit p{
display: inline;
font-size:10px;

}

#todo2 input{
padding-left:5px;
padding-right:10px;
}



#project_header{
width:80%;
color:white;
padding:10px 0px 5px 0px;
}


ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	padding-bottom:0px;
	padding-right:3px;
	cursor: default;
	list-style-type: none;
	display: inline;
	
	color:black;
	font-size:22px;
	font-weight:bold;
}

ul.nav{
	display: table;
	padding-top:0px;

}
ul.nav>li{

height:25px;
	float:left;
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}

#header{
text-align:left;
}

#current{
padding:5px;
}

#current a{
border:0px;
}


#project_selector{
background:rgba(0, 0, 0, 0.9);;

position:absolute;
width:500px;
height:300px;
color:white;
display:none;
}

#project_header{
background:rgba(57,99,236, 0.4);
width:100%;
}

.tasklist{
text-align: left;
border-collapse: collapse;
width:100%;
}

.tasklist td{
	padding: 8px; 
	border-bottom: 1px dotted #b7ab9e;
	color: #669;
	border-top: 1px dotted #b7ab9e;
	background:white;
}

.tasklist tfoot tr td{

	background: #e8edff;
	font-size: 12px;
	color: #99c;
}

.tasklist tbody tr:hover td
{
	background: #f0f0f0;
	color: #339;
}

.totext{
display:inline;
color:black;
font-size:14px;
font-weight:bold;
}

.totextdone{
display:inline;
color:#404040;
font-size:13px;
font-weight:bold;
text-decoration: line-through;
}


ul.showmenu{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:13px Helvetica, Verdana, Arial, sans-serif;
	line-height:205%;

}

ul.showmenu li{
	margin:0;
	padding:0;
	border-top:0px;
	}

ul.showmenu li a{
	display:block;
	text-decoration:none;
	color:#c7c7c7;
	font-weight:bold;
	padding:0px 10px 0 10px;
	}

ul.showmenu li a:hover{
background:white;
color:black;
	}

	
ul.fmenu{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:13px Helvetica, Verdana, Arial, sans-serif;
	line-height:205%;
	width:200px;
	}

ul.fmenu li{
	margin:0;
	padding:0;
	border-top:1px solid #698299;
	}

ul.fmenu li a{
	display:block;
	text-decoration:none;
	color:#465665;
	font-weight:bold;
	padding:0 0 0 20px;
	}

ul.fmenu li a:hover{
color:black;
	background:rgba(57,99,236, 0.4);
	}

	
a{
color:blue;
}

a:hover{
color:navy;
}
	
#headermenu{
color:#c7d9ec;
font-size:13px;
position:absolute;
top:1px;
right:1px;
margin-top:22px;
}

#headermenu a{
padding:5px;
color:#f1f1f1;
font-weight:bold;
text-decoration:none;
}

#headermenu a:hover{
background:rgba(0,0,0,0.2);
}

#txt_search{
padding-left:5px;
color:gray;
font-size:13px;
width:140px;
padding-top:2px;
padding-bottom:2px;
background:white url("img/binput.png");

border:1px solid;
}


#txt_search:hover{
color:black;

}





#adds{
margin-top:10px;
}


#txt_newfolder{
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-size:13px;
width:145px;
margin-left:20px;
background:white url("img/binput.png");
border:1px solid;
}

#btn_setproject{
padding-bottom:2px;
margin-top:-1px;
cursor:pointer;
float:left;
position:absolute;
right:20px;
}

#btn_search{

padding-bottom:2px;
margin-top:1px;
cursor:pointer;
float:left;
position:absolute;
right:20px;
font-size:13px;
}

#footermenu{
color:#c7d9ec;
font-size:13px;
position:relative;
top:1px;
right:1px;
margin-top:22px;
}

#footermenu a{
padding:5px;
color:#f1f1f1;
font-weight:bold;
text-decoration:none;
}

#footermenu a:hover{
background:rgba(0,0,0,0.2);
}

	
#p_todo{
display:none;
}

#p_todo h2{
color:#3f3f3f;
padding:2px;
background:gray url("./img/btodo.gif");
}

#donebuttons{
text-align:right;
padding-top:5px;
}

.tx_done{
color:#3f3f3f;
float:left;
padding:2px;
font-size:24px;
font-weight:bold;
}

.hdrdone{
background:url("./img/bdone.gif");
height:36px;
}


#pin{
cursor:pointer;
margin-left:-10px;
}

.hdrtodo{
background:url("./img/btodo.gif");
height:36px;
}

.tx_todo{
color:#3f3f3f;
float:left;
padding:2px;
font-size:24px;
font-weight:bold;
}

#p_done h2{
color:#636b5e;
padding:2px;
background:green url("./img/bdone.gif");
float:left;
}




#p_done{

display:none;
}
	
	
.cur{
	background:white;
	color:black;
	padding:10px 20px 10px 35px;
	font-size:16px;
	font-weight:bold;
	margin-left:-15px;
	
	}


.cur2{
	color:black;
	padding:10px 20px 10px 50px;
	font-size:16px;
	font-weight:bold;
	margin-left:-30px;
	
	}

	
ul.fmenu li a.cur,ul.vert-one li a.cur:hover{
	background:white;
	color:black;
	padding:10px 20px 10px 30px;
	font-size:16px;
	font-weight:bold;
	margin-left:-10px;
	z-index:0;
	}

ul.fmenu li a.impo,ul.vert-one li a.impo:hover{
	font-weight:bold;
	}
	
.tlr{
width:10px;
}
	
	
#footer{
color:white;
padding-top:10px;
}

#footer a, #footer a:visited{
color:blue;
}

	


#cura{
width: 100%;
z-index:2000;
padding: 2px;margin:0 auto;
background:black;
margin-bottom:10px;
display:none;

-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-top-left-radius:6px;

-moz-border-radius-topright:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-top-right-radius:6px;
-webkit-border-bottom-right-radius:6px;

}

#cura table{
color:white;
}

#curcounter{
font-family:"courier new",courier;
font-size:13px;
font-weight:bold;
}

td.impo{
font-size:22px;
vertical-align:top;

}

td#current_btns{
width:100px;
vertical-align:top;
}


.timeinfo{
color:#6e6e6e;
font-size:11px;
}

.tf{
background:#ffeeab;
padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
font-weight:bold;
color:#7f6300;
cursor:pointer;
float:left;
margin-left:20px;

-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;

-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
}

.du{
background:#b4d4b6;
color:#3d483e;
}

.st{
background:#ebebeb;
color:#ababab;
}

.t_today{
background:#bee4fa;
color:#768d9b;
font-size:115%;
}

.t_tomorrow{
background:#d7f83d;
color:#495515;
}

.t_week{
background:#d1dc9c;
color:#474b35;

}

.t_overdue{
font-size:125%;
background:#ffa6a6;
color:#9e6767;
}


.tfst{
background:#e0e0e0;
color:#575757;
}

.tf2{

padding-left:4px;
padding-right:4px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
font-weight:bold;
cursor:pointer;
float:left;
margin-left:20px;

-moz-border-radius-bottomleft:3px;
-moz-border-radius-topleft:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-top-left-radius:3px;

-moz-border-radius-topright:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-top-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
}

.tf2:hover{
background:black;
color:white;
}

.tf:hover{
background:black;
color:white;
}

.tcom{
padding-left:10px;
font-size:11px;
clear:left;
display:none;

overflow:auto;
max-height:100px;
overflow:auto;
}

.rn{
background:red;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}

#current_btns{
text-align:right;
}

#current_btns img{
border:0px;
}

#current_btns a,#current_btns a:hover{
border:0px black solid;
text-decoration:none;
}




.mrk{
width:25px;
}

.mbt{
cursor:pointer;
}




li.laa{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
clear:both;
padding:0;
z-index:100;
}

ul.laa{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:100%;
position:absolute;

margin-bottom:0;
margin-top:0;
padding-top:0;
position:relative;
padding:0;
}

.alles{
position:absolute;
background:red;
width:100%;
}

.btns{
z-index:1000;
position:absolute;
right:0;
top:0px;
display:none;
}

#fltmr{
width:60px;
}

.cl{

background:red;
cursor:pointer;
width:85%;
height:100%;
left:20px;
margin-right:60px;
position:absolute;
z-index:-2000;
padding:0px;
}

.dne{
color:white;
position:absolute;
left:0;
top:px;
width:19px;
top:-3px;
margin-top:5px;
}


.pr1.dne{
background:url(img/p1.gif) no-repeat;
background-position:10px 4px;
}

.pr3.dne{
background:url(img/p3.gif) no-repeat;
background-position:10px 4px;
}


#loader_tasks2{
display:block;
float:left;
background:url("img/loader.gif");
width:16px;
height:16px;
}

.tmr{
position:absolute;
right:0;
top:0px;
font-size:12px;
display:block;

}

.formHint{
font-size:5px;
}

#captimg{
margin-left:32%;

}

#e_user{
display:none;
}

#e_email{
display:none;
}

#e_password{
display:none;
}

#e_cap{
display:none;
}

#btn_cleardone{
display:none;
}


.error{
background:red;
padding:10px;
color:white;
font-size:15px;
font-weight:bold;

}

.errorField{
font-weight:bold;
}

.submitButton{
font-size:20px;
margin-top:20px;
}

.textInput{
afont-size:20px;
background:white url("img/binput.png") repeat-x;
border:1px solid #c0b5a6;
font-size:30px;
padding:5px;
color:gray;
margin-bottom:10px;


}


.short{
width:200px;
}


.emptylist{
display:none;
text-align:center;
padding:25px;
font-weight:bold;
margin:0 auto;
color:gray;
}

.dane{
padding:0px;
margin-top:0px;
margin-bottom:0px;
margin-left:30px;
margin-right:3em;
position:relative;
}

.infos{
position:relative;
display:none;
padding-right:20px;
margin-left:22px;
}


.comments{
font-family:"courier new",courier;

border-left:2px #e2e2e2 solid;
border-top:1px #e2e2e2 solid;

background:#f5f5f5;
padding-left:5px;
padding-top:5px;
overflow:auto;
max-height:100px;
clear:left;
margin-left:30px;
margin-right:0px;
display:none;
color:black;
font-size:13px;
word-spacing:0.5em;
line-height:1.3em;
}

.itm{
position:relative;
padding-bottom: 8px; 
border-bottom: 1px dotted #c2c2c2;

}

.itm:hover{
border-bottom: 1px dotted #8c8c8c;
}

h4.laa{

overflow:hidden;
margin:0 4em 4px 0;
margin-top:10px;
}

.dane h4{

color:#414141;
cursor:pointer;
margin-top:5px;
font-size:18px;
font-weight:normal;
}


.dane2 h4{
cursor:pointer;
margin-top:5px;
margin-left:30px;
font-weight:normal;
color:#3b4b37;
}

.fld{
color:#595959;
}

.fld{
height:20px;
display:block;
}

.btnsd ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float: left;

margin-right:5px;


}
.btnsd img{
border:0px;
}

.btns ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
float: left;

}

.btn_start{
cursor:pointer;
}

.btn_del{
cursor:pointer;
}

.btn_edt{
cursor:pointer;
}



.laa li:hover{
background:#F0F0F0;
}

#c_comment{
font-family:"courier new",courier;
display:none;
border-top:1px silver solid;
color:white;
padding:10px;
margin-bottom:5px;
overflow:auto;
max-height:150px;
font-size:12px;
}

#ldone{

display:none;
}

#curtimer{
background:url(img/icon_timer1.gif) no-repeat;
padding-left:18px;
padding-right:12px;

}

#dura{
background:url(img/icon_timer.gif) no-repeat;
padding-left:18px;
padding-right:12px;

}

li.popmenu{

background:red;

}

#curcountdown{
background:url(img/icon_countdown.gif) no-repeat;
padding-left:18px;
padding-right:12px;

}


#nav{
list-style-type:none;
position:relative;
width:150px;
float:left;
border-right:2px #b4d5fd solid;
height:100%;
}


#nav li{
padding:5px;
}

#nava{
padding:20px;
position:relative;
background:red;
height:100%;
}

#scontent{
position:relative;
margin-left:150px;
padding-left:40px;
}



#upload1 a,#upload1 a:visited{
color:blue;
padding:5px;
cursor:cross;
z-index:100;
margin-bottom:20px;
}
#upi .usrpic{
float:left;
margin-left:5px;
margin-right:5px;
}

.oidlink{
background:url("./img/openids.jpg") no-repeat;
padding-left:20px;
margin-left:10px;
}

.buttonarea{
margin-top:20px;
text-align:right;
position:absolute;
bottom:10px;
right:10px;
}

.twitter_options{
padding-left:20px;
font-size:15px;
line-height:20px;
padding-bottom:30px;
}

.htwitter{
background:url("./img/twitter.jpg") no-repeat;
width:35px;
height:35px;
position:absolute;
top:5px;
right:10px;
}

.usrname{
margin:5px;
margin-top:8px;
float:left;
font-size:11px;
font-weight:bold;
}

#wlc{
margin-top:5px;
position:relative;

}

#prv{
border:2px silver solid;
}

#btn_save{
font-size:20px;
padding-left:10px;
padding-right:10px;
right:0px;
text-align:right;

margin-top:30px;
margin-left:0px;
}


DIV.ProgressBar { width: 100px; padding: 0; border: 1px solid black; margin-right: 1em; height:.75em; margin-left:1em; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }
DIV.ProgressBar DIV { background-color: Green; font-size: 1pt; height:100%; float:left; }
SPAN.asyncUploader OBJECT {  }


#frm input,#frm select{
margin-bottom:5px;
padding:3px;
color:#454545;
font-size:18px;
}

#scontent table{
width:80%;
}

.notice{
background:#f7dc43 url("img/bnotice.jpg") no-repeat;
padding:10px;


}

#error{
display:none;
padding:8px;
color:white;
background:red;
font-weight:bold;
font-size:15px;
text-align:center;
position:absolute;
right:10px;
top:65px;
}

#success{
position:absolute;
right:10px;
top:65px;
text-align:center;
width:100px;
display:none;
padding:8px;
color:white;
background:green;
font-weight:bold;
font-size:15px;
}


/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/

.dynamic-slider-control {
	position:			relative;
	background-color:	rgb(230,230,230);
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
}

.horizontal {
	width:				200px;
	height:				27px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				15px;
	height:				31px;
	background-image:	url("img/handle.vertical.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				15px;
	height:				31px;
	background-image:	url("img/handle.vertical.png");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);
	
	behavior:			url("css/boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}

.farbtastic {
  position: relative;
}
.farbtastic * {
  position: absolute;
  cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
  width: 195px;
  height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
  top: 47px;
  left: 47px;
  width: 101px;
  height: 101px;
}
.farbtastic .wheel {
  background: url(./img/wheel.png) no-repeat;
  width: 195px;
  height: 195px;
}
.farbtastic .overlay {
  background: url(./img/mask.png) no-repeat;
}
.farbtastic .marker {
  width: 17px;
  height: 17px;
  margin: -8px 0 0 -8px;
  overflow: hidden; 
  background: url(./img/marker.png) no-repeat;
}
 
.pop {
  position: absolute;
  display: inline; }
  .pop .pop_menu {
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }
  .pop .pop_toggle {
    background-image: url(./img/arrow-down.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    overflow: hidden;
    cursor: pointer; }

.active .pop_menu {
  display: block;
  background-color: #F594A2;
  color: #fff;
  position: absolute;
  padding: .6em;
  width: 12em; }
  .active .pop_menu a {
    color: #fff; }
.active .pop_toggle {
  z-index: 2000;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(./img/arrow-up.gif); }
  
  

table.jCalendar {
	border: 1px solid #dcedff;
	background: #f2f9ff;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #657e96;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #46a5ff;
	color: #fff;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #7ec0ff;
	color: #fff;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #fccf43;
	color: #000;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #a2d1ff;
	color: #cde6ff;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #d1e8ff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	z-index:10000;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
	z-index:10000;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	font-family: arial, sans-serif;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 1px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

.pagination {

            font-size: 80%;
        }
        
.pagination a {



    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 2px;
    margin-right: 5px;
	margin-bottom: 5px;
}

#Pagination{
margin-top:7px;
background:none;
float: right;
display:none;

}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#c1c1c1;
}