/* Definition of all the components */
#ui-datepicker-div {
	font-size: 10px;
	z-index:2000;
}

.napkeeAlertBox {
	border:1px solid #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.napkeeAlertBox h3 {
	margin-top:5px;
	margin-bottom:5px;
	font-size:18px;
	text-align:center;
}

.napkeeAlertBox h5 {
	margin-top:5px;
	margin-bottom:5px;
	font-size:13px;
	text-align:center;
}
.napkeeAlertBox div {
	text-align:center;
}
.napkeeAlertBox input {
	margin:5px;
	height:40px;
}

.napkeeAccordion {
}

.napkeeAccordionSpec{
	border:1px solid #000;
	font-size:11px;
	white-space: normal;
}

.napkeeAccordionSpecSelected {
	background-color:#91F6B9;
}

.napkeeAccordionSpec h3 {
	margin:0;
	height:28px;
	line-height:28px;
	border-bottom:1px solid #000;
	cursor:pointer;
}

.napkeeAccordionSpec h3 span{
	padding-left:4px;
}


.napkeeAccordionSpec h5 {
	margin:0;
	font-size:13px;
	height:25px;
	line-height:25px;
	cursor:pointer;
}

.napkeeAccordionSpec h5 span {
	padding-left:10px;
}

.napkeeAccordionSpec div {
	border-bottom:1px solid #000;
}


.napkeeBarchar {
}

.napkeeBreadcrumbs {
}

.napkeeButton {
}

.napkeeButtonbar {
	margin:0;
	margin-top:2px;
	padding:0;
}

.napkeeButtonbar li {
	display: inline;
	list-style-type: none;
	margin-right:2px;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	border:1px solid #000;
	background-color:#EEEEEE;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.napkeeButtonbar li a{
	color:#000000;
}

.napkeeButtonbar li.napkeeButtonbarSelected {
	background-color:#91F6B9;
}



.napkeeCalendar {
}

.napkeeCallout {
	border:2px solid #333333;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	text-align:left;
	white-space: normal;
	word-wrap: break-word;
	padding:10px;
}

.napkeeCanvas {
}

.napkeeCheckbox {
}

.napkeeColorpicker {
}

.napkeeColumnchart {
}

.napkeeCombobox {
}

.napkeeCoverflow {
}

.napkeeDatechooser {
}

.napkeeFieldset {
}

.napkeeHRule {
}

.napkeeHSlider {
}

.napkeeIcon {
}

.napkeeIconlabel {
	border:0px;
}

.napkeeImage {
}

.napkeeImageLabel {
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:2px;
	background-color:#FFF;
}

.napkeeLabel {
	white-space:normal;
}

.napkeeLinechart {
}

.napkeeLink {
}

.napkeeLinkbar {
	margin:0;
	padding:0;
}

.napkeeLinkbar li {
	display: inline;
	list-style-type: none;
	padding-right: 11px;
	padding-left: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.napkeeLinkbar li.linkbarBorder {
	border-right:1px solid #000;
}
.napkeeLinkbar li.linkbarStart {
	padding-left: 0px;
}
.napkeeLinkbar li.linkbarEnd {
	padding-right: 0px;
}

.napkeeList {
}

.napkeeMap {
}

.napkeeMenubar {
}

.napkeeModalscreen {
}

.napkeeNumericstepper {
}

.napkeeParagraph {
}

.napkeePiechart {
}

.napkeeProgressbar {
}

.napkeeRadiobutton {
}

.napkeeRoundbutton {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.napkeeSearchbox {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	outline: none;
	border:1px solid #000;
	padding-left:20px;
	background-image: url(../icons/tango/16/system-search.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
}

.napkeeShape {
}

.napkeeShapeTable {
	position:absolute;
	top:0px;
	left:0px;
}

.napkeeShapeLabel {
}


.napkeeStickynote {
	text-align:left;
	background-color:#DACE5F;
	border:0px solid;
	white-space:normal;
	white-space: normal;
	word-wrap: break-word;
	padding:10px;
}

.napkeeTabbar {
}

.napkeeTagcloud {
}

.napkeeTextarea {
}

.napkeeTextinput {
}

.napkeeSubTitle {
}

.napkeeTitle {
}

.napkeeTitlewindow {
}

.napkeeTree {
}

.napkeeUnsupported {
	text-align:center;
	background-color:#B3FFB3;
	border:0px solid;
	white-space:normal;
}

.napkeeVerticaltabbar {
}

.napkeeVideoplayer {
}

.napkeeVolumeslider {
}

.napkeeVrule {
}

.napkeeVslider {
}

.napkeeWebcam {
}


UL.napkeeHorizontalTabs {
    list-style: none;
    padding: 0;
	margin-left:10px;
	margin-right:10px;
}

UL.napkeeHorizontalTabsTop {
	margin-top: 0px;
	margin-bottom:-3px;
}

UL.napkeeHorizontalTabsBottom {
	margin-top: -3px;
	margin-bottom:0px;
}


UL.napkeeVerticalTabs {
    list-style: none;
    margin: 0;
	margin-top:15px;
    padding: 0;
}

UL.napkeeVerticalTabsRight {
	margin-left:-1px;
}

UL.napkeeVerticalTabsLeft {
	margin-right:-1px;
}

UL.napkeeVerticalTabs LI {
  	border: 1px solid #333;
	margin-bottom:4px;
	height:25px;
	line-height:25px;
	background-color:#DDD;
}

UL.napkeeHorizontalTabs LI {
	display: inline;
	border: 1px solid #333;
	height:25px;
	line-height:25px;
	background-color:#DDD;
}

UL.napkeeVerticalTabsRight LI.selected {
	border-left: 1px solid #FFF;
	background-color:#FFF;
}

UL.napkeeVerticalTabsLeft LI.selected {
	border-right: 2px solid #FFF;
	background-color:#FFF;
}

UL.napkeeHorizontalTabsTop LI {
	border-bottom: 0px;
}

UL.napkeeHorizontalTabsTop LI.selected {
	border-bottom: 2px solid #FFF;
	background-color:#FFF;
}

UL.napkeeHorizontalTabsBottom LI.selected {
	border-top: 1px solid #FFF;
	background-color:#FFF;
}

UL.napkeeTabs LI:hover {
	background-color:#CCC;
}


UL.napkeeTabs LI A {
    padding: 0px 5px;
    color: #000;
    text-decoration: none;
}


UL.napkeeTabs LI A:focus {
    outline: 0;
}
div.napkeeTabsDivs > div {
	overflow: hidden;
    padding: 5px;
    margin-top: 0;
    border: 1px solid #333;
}

div.napkeeTabsDivs > div h2 {
    margin-top: 0;
}

.disabledText {
	color: #BBB;
}

.hand {
	cursor: pointer;
}