/** doc link and paragraph **/
.content-doc a {
	text-decoration: none;
}
.ui-body-doc p {
  letter-spacing: 0.06em;
  line-height: 1.6em;
  text-indent: 2em;
}
.ui-body-doc img {
  width:95%;
}
/** header **/
.jqm-demos .jqm-header {
	background: #fff;
	border-top: 4px solid #339999;
	border-bottom-color: #eee;
}
.jqm-demos .jqm-header h2 {
	padding: .4em 0 .1em;
	margin: 0 3em;
}
.jqm-demos .jqm-header h2 a {
	display: inline-block;
	text-decoration: none;
	min-height: 40px;
}
.jqm-demos .jqm-header h2 img {
	display: block;
	width: 140px;
	height: auto;
}
.nav-top {
	position:relative;
	right: -0.4em;
	top: -0.24em;
}
.nav-top  a {
	background-color: #fff !important;
}

.jqm-demos .jqm-content {
	width: 90%;
}
#nav-menu-bar {
   display: inline;
}
#reimberseMainItemAddBtn {
	display: inline;
}

/* sec-colums (main columns)  */
/* Stack all blocks to start */
.sec-colums .ui-block-a,
.sec-colums .ui-block-b,
.sec-colums .ui-block-c {
    width: 100%;
    float: none;
}
/* sec-bottoms */
.sec-bottoms .ui-block-a,
.sec-bottoms .ui-block-b,
.sec-bottoms .ui-block-c,
.sec-bottoms .ui-block-d
{
    width: 100%;
    float: none;
}

.custom-corners {
	margin: .5em;
	padding:0; /** 1em **/
	background: #fff;
	border: 1px solid #eee;
	-webkit-border-radius: .3125em;
	border-radius: .3125em;
	font-family: 'Open Sans', sans-serif;
}
.custom-corners h3 {
	font-weight: 300;
	border-bottom: 1px solid #ddd;
	padding-bottom: .25em;
	font-size: 1.1em;
	display: block;
}
.custom-corners .ui-bar .ui-btn-right {
	top: -0.24em;
}

.custom-corners p {
	font-size: 1.0em;
	font-weight: 300;
	line-height: 1.4;
	margin: .7em 0;
}
.custom-corners p:last-child {
	margin-bottom: 0;
}
.custom-corners a:link {
	font-weight: 300;
	text-decoration: none;
}
/*bottom font size is smaller */
.sec-bottoms {
	padding: 0.5em 1.8em;
}
.sec-bottoms .custom-corners h3 {
	font-size: 1.0em;
	font-weight: 200;
}
.sec-bottoms .custom-corners p{
	font-size: 0.9em;
	font-weight: 200;
	line-height: 1.2;
}

@media (min-width: 60em) {
	/* vip service table */
	table.service-vip td,
	table.service-vip th
	{
		vertical-align: middle;
		text-align: center;
	}
	/** redefine header when width > 60em **/
	.jqm-demos .jqm-header h2 {
		padding: 1em 0 .7em;
		margin: 0 1em 0 3%;
		text-align: left;
	}
	.jqm-demos .jqm-header h2 img {
		width: 275px;
		height: 78px;
	}
	.jqm-demos .jqm-header p {
		bottom: auto;
		left: auto;
		top: 50%;
		right: 15%;
		font-size: 1.2em;
		margin-top: -.625em;
	}
	/** top nav links **/
	.nav-top {
		position: absolute;
		right: 3.4em;
		top: 4.24em;
	}
	/*images rotate adjust the padding*/
	.sec-images {
		padding: 0.4em 1.6em;
	}
	/* sec-downloads listview style */
	.sec-downloads .ui-listview {
        margin: 0 auto;
    }
    .sec-downloads .ui-listview li {
    	float: left;
        width: 31.33%;
        height: 230px;
        margin: .625em 1%;
    }
    .sec-downloads .ui-listview li > .ui-btn {
        -webkit-box-sizing: border-box; /* include padding and border in height so we can set it to 100% */
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 100%;
    }
    .sec-downloads .ui-listview li.ui-li-has-thumb .ui-li-thumb {
        height: auto; /* To keep aspect ratio. */
        max-width: 100%;
        max-height: none;
        top:0.2em;
    }
    /* Make all list items and anchors inherit the border-radius from the UL. */
    .sec-downloads .ui-listview li,
    .sec-downloads .ui-listview li .ui-btn,
    .sec-downloads .ui-listview .ui-li-thumb {
        -webkit-border-radius: inherit;
        border-radius: inherit;
    }
    /* Hide the icon */
    .sec-downloads .ui-listview .ui-btn-icon-right:after {
        display: none;
    }
	    /* Make text wrap. */
    .sec-downloads .ui-listview h2,
    .sec-downloads .ui-listview p {
        white-space: normal;
        overflow: visible;
        right: 0.25em;
        width: 100%;
    }
    /* Text position */
    .sec-downloads .ui-listview p {
        font-size: 1em;
        margin: 0;
        padding: 0 0.25em;
        min-height: 50%;
        bottom: 1em;
    }
     /* Semi transparent background and different position if there is a thumb. The button has overflow hidden so we don't need to set border-radius. */
    .sec-downloads .ui-listview .ui-li-has-thumb h2,
    .sec-downloads .ui-listview .ui-li-has-thumb p {
    }
    .sec-downloads .ui-listview .ui-li-has-thumb h2 {
        bottom: 35%;
    }
    .sec-downloads .ui-listview .ui-li-has-thumb p {
        min-height: 15%;
    }
    /* ui-li-aside has class .ui-li-desc as well so we have to override some things. */
    .sec-downloads  .ui-listview .ui-li-aside {
        padding: .425em .625em 0;
        width: auto;
        min-height: 0;
        top: 0;
        left: auto;
        bottom: auto;
        /* Custom styling. */
        background: #990099;
        background: rgba(0,0,0,.15);
        -webkit-border-top-right-radius: inherit;
        border-top-right-radius: inherit;
        -webkit-border-bottom-left-radius: inherit;
        border-bottom-left-radius: inherit;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
    }
        /* If you want to add shadow, don't kill the focus style. */
    .sec-downloads .ui-listview li {
        -moz-box-shadow: 0px 0px 9px #111;
        -webkit-box-shadow: 0px 0px 9px #111;
        box-shadow: 0px 0px 9px #111;
    }
    /* Images mask the hover bg color so we give desktop users feedback by applying the focus style on hover as well. */
    .sec-downloads .ui-listview li > .ui-btn:hover {
        -moz-box-shadow: 0px 0px 12px #33ccff;
        -webkit-box-shadow: 0px 0px 12px #33ccff;
        box-shadow: 0px 0px 12px #33ccff;
    }
    /* Animate focus and hover style, and resizing. */
    .sec-downloads .ui-listview li,
    .sec-downloads .ui-listview .ui-btn {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        transition: all 500ms ease;
    }
    .sec-downloads .dwitem {
	     text-align: left; 
	     position: absolute; 
	     bottom: 2em; 
	     left: 60%; 
	     width: 40%;
    }
	/* sec-colums (main columns)  */
	
	.sec-colums .ui-block-a,
	.sec-colums .ui-block-b,
	.sec-colums .ui-block-c {
	    float: left;
      	width: 33.3%;
	}
	.sec-bottoms .ui-block-a,
	.sec-bottoms .ui-block-b,
	.sec-bottoms .ui-block-c,
	.sec-bottoms .ui-block-d {
	    float: left;
      	width: 24.9%;
	}	
	
	.jqm-demos .jqm-navmenu-panel {
	  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	  box-shadow: none;
	  clip: initial;
	  float: left;
	  left: 0;
	  position: relative;
	  transform: none !important;
	  transition: none 0s ease 0s  !important;
	  visibility: visible;
	  width: 25%;
	}
	
	.jqm-demos .jqm-content {
	  float: right;
	  padding-left: 5%;
	  padding-right: 3%;
	  padding-top: 2em;
	  width: 67%;
	}
	#nav-menu-bar {
	   display:none;
	}
	#reimberseMainItemAddBtn {
		display:none;
	}
}

.jqm-demos .jqm-footer.ui-footer {
  bottom: 0;
  padding-bottom: 0;
  position: absolute;
}
div.myActionBar {
	margin-top: 1cm;
}
div.fixed-top-container > label {
	text-align:right;	
}

.font-red {
	color:red;
}
.font-green {
	color:green;
}

#nav-menu-bar {
	left: -0.45em;
	top: -0.5em;
}

.jqm-demos > .ui-content {
	margin-top: 0.5em;
}

.formFixedValue {
	margin: 0.5em 2% 0px 0px;
	float: left;
}
.formWithBtnLevel {
	padding: 1.2em 0;
}
.formWithSwitchLevel {
	padding: 0.6em 0;
}

.input-disabled,
.input-readonly{
	 background-color:#eee !important;
 }
 
 /* */
 .cycle-slideshow {
	 text-align: center;
	 width: 100%;
 }
 .cycle-slideshow img {
 	cursor: pointer;
 	width:100%;
 	max-height:25em;
 }
span.cycle-pager-active {
    color: #d69746;
}
.cycle-pager > * {
    cursor: pointer;
}
 .cycle-pager {
    overflow: hidden;
    text-align: center;
    top: 10px;
    width: 100%;
    z-index: 500;
}
#uyan_frame {
  margin-top:1em;
}

div.header-btn-div a {
 font-size:small;
 font-weight:bold;
 font-height: 300;
}