/*fonts*/
@font-face {
  font-family: "SweetSans";
  src: url("../fonts/sweetsans.ttf") format("truetype")
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('../fonts/open-sans/OpenSans-LightItalic-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/open-sans/OpenSans-Italic-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('../fonts/open-sans/OpenSans-BoldItalic-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/open-sans/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    position: relative;
    margin: 0;
    -webkit-text-size-adjust: none;
    min-height: 416px;
  	font-family: "SweetSans", Helvetica, Arial, sans-serif;
    background: url( "../imgs/bg2.png" ) repeat;
    -webkit-touch-callout: none
}

.center {
    margin: auto;
    display: block
}

img {
    border: 0
}

a:hover span.arrow {
    background-position: 0 -13px !important
}

#topbar {
    position: relative;
    left: 0;
    top: 0;
    height: 44px;
    width: auto;
    background: url( "../imgs/header2.png" ) repeat;
    margin-bottom: 13px
}

.secondary-topbar {background: url( "../imgs/header4.png" ) repeat !important;}

.secondary-title {
	color:#1a1e21 !important;
	text-align:left !important;
	font-family: 'OpenSansLight', Helvetica, Arial, sans-serif !important;
	font-size:13px !important;
	text-transform: uppercase;
}

.datetitle {
	font-size:14pt;
	color:white;
	text-align:center;
	position:relative;
	top: -8px;
	left:18px;
}

.date-title {
	text-align:right;
	position:relative;
	width:100%;
}

#title {
	font-family: 'OpenSansExtraboldItalic';
	text-shadow: rgba( 0, 0, 0, 0.6 ) 0 -1px 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 10px;
    text-align: center;
	margin-right:10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform:capitalize;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    color: #FFF;
    text-shadow: rgba( 0, 0, 0, 0.6 ) 0 -1px 0;
    font-size: 1.0em;
}

#content {
    width: 100%;
    position: relative;
    min-height: 100px;
    margin-top: 5px;
    height: auto;
    z-index: 0;
    overflow: hidden
}

#footer {
    text-align: center;
    position: relative;
    margin: 20px 10px 0;
    height: auto;
    width: auto;
    bottom: 10px
}

#footer a, #footer {
    text-decoration: none;
    font-size: 9pt;
    color: #4C4C4C;
    text-shadow: #FFF 0 1px 0
}

.pageitem {
    -webkit-border-radius: 8px;
    border-bottom: #dadada solid 1px;
    font-size: 12pt;
    padding: 0;
    position: relative;
	left:0;
    display: block;
    height: auto;
    width: auto;
    margin: 2px;
    list-style: none;
	
}

.textbox {
    padding: 5px 9px;
    position: relative;
    overflow: hidden;
}

.textbox p {
    margin-top: 2px;
    color: #2a2929;
    margin-bottom: 2px;
    text-align: justify
}

.textbox img {
    max-width: 100%
}

.textbox ul {
    margin: 3px 0 3px 0;
    list-style: none !important
}

.textbox li {
    margin: 0 !important
}

.pageitem li:first-child {
    border-top: 0
}

.details {
	border-top: 1px solid #c5c5c5 !important;
}

.welcometext {
	height:20px;
	font-size:14px;
	position:relative;
	top:0;
}

.homemenu {
	height:32px !important;
	text-align:left;
}

.contactmenu {
	height:40px;
}

.left-label {
	float:left;
	font-weight:bold;
	font-size:20px;
	width:35%;
	max-width:120px;
	padding-top:2px;
	margin:3px 2px 0 0;
}

.addnew-bar {
	color:#333;
	font-size:18px;
	padding-left:10px;
	font-family: 'OpenSansSemiboldItalic';
}

.addnew-bar a:link, a:visited {
	color:#333;
	text-decoration:none;
}

.title-bar {
	border-bottom:2px solid #8d8f90;
	height:30px !important;
	background: rgba(0, 0, 0, 0.1);
	border-radius:3px;
	moz-border-radius:3px;
	webkit-border-radius:3px;
}

.title-bar a:link {
	text-decoration:none;
}

.contact-fulldetails {
	width:100%;
}

.viewsbutton {
	z-index: 3 !important;
	padding:4px;
    margin-right: 4px;
	margin-top:7px;
   float:right;
   color: #fff;
   font-size: 15px;
   background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#32383d),
		to(#272c30));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #272c30;
	height:22px;
	position:relative;
	right:0;
}

.viewsbutton a:link, a:visited {
	color:#fff !important;
	text-decoration:none;
	position:relative;
	top:-10px;
}

.addnewbutton {top:-10px;}

li.menu, li.form {
    position: relative;
	left:0;
    list-style-type: none;
    display: block;
	margin: 2px 0;
	/*height:45px; Bug 3519 Mobile iPhone Calendar Missing After 4pm*/
    height:45px;
    max-height:80px;
    overflow: hidden;
    border-top: 1px solid #d1d1d1;
	/*height:45px;*/
	padding: 8px 2px;
	z-index:1000 !important;
    width: auto
}


li.menu1 {
    position: relative;
    list-style-type: none;
    display: block;
    height: 54px;
    overflow: hidden;
    width: auto
}

.priority-a {
	 position: relative;
    font-weight: bold;
    font-size: 20px;
    right: 20px;
    left: 1px;
    top: 10px;
    color: #bf2515;
    //text-shadow: #FFF 0 1px 0;
    padding: 7px 0 3px 8px 
}

.priority-b {
	 position: relative;
    font-weight: bold;
    font-size: 20px;
    right: 20px;
    left: 1px;
    top: 10px;
    color: #3156b4;
    //text-shadow: #FFF 0 1px 0;
    padding: 7px 0 3px 8px 
}

.priority-c {
	 position: relative;
    font-weight: bold;
    font-size: 20px;
    right: 20px;
    left: 1px;
    top: 10px;
    color: #02aabb;
    //text-shadow: #FFF 0 1px 0;
    padding: 7px 0 3px 8px 
}

.priority-completed {
	 position: relative;
    font-weight: bold;
    font-size: 20px;
    right: 20px;
    left: 1px;
    top: 10px;
    color: #333;
    //text-shadow: #FFF 0 1px 0;
    padding: 7px 0 3px 8px 
}

.graytitle1 {
    position: relative;
    font-weight: bold;
    font-size: 20px;
    right: 20px;
    left: 1px;
    top: 10px;
    color: #8f8d8d;
    //text-shadow: #FFF 0 1px 0;
    padding: 7px 0 3px 8px
}


li.menu2 {
     position: relative;
    list-style-type: none;
    display: block;
    height: 10px;
    overflow: hidden;
   
    border-bottom: 2px solid black;
    background-image:url("../images/red-task-left.png") ;
    width: auto
}

ul.pageitem li:first-child:hover, .pageitem li:first-child a, li.form:first-child input[type=radio], li.form:first-child select, li.form:first-child input[type=submit], li.form:first-child button, li.form:first-child input[type=reset] {
    
	-webkit-border-top-left-radius: 8px 8px;
    -webkit-border-top-right-radius: 8px 8px
}

ul.pageitem li:last-child:hover, .pageitem li:last-child a, li.form:last-child input[type=radio], li.form:last-child select, li.form:last-child input[type=submit], li.form:last-child button, li.form:last-child input[type=reset] {
    
	-webkit-border-bottom-left-radius: 8px 8px;
    -webkit-border-bottom-right-radius: 8px 8px
}

li.menu:hover {
	color:#fff;
	border-radius:6px; 
	moz-border-radius:6px; 
	webkit-border-radius:6px; 
    background-image: linear-gradient(bottom, rgb(36,128,227) 20%, rgb(65,154,255) 60%);
	background-image: -o-linear-gradient(bottom, rgb(36,128,227) 20%, rgb(65,154,255) 60%);
	background-image: -moz-linear-gradient(bottom, rgb(36,128,227) 20%, rgb(65,154,255) 60%);
	background-image: -webkit-linear-gradient(bottom, rgb(36,128,227) 20%, rgb(65,154,255) 60%);
	background-image: -ms-linear-gradient(bottom, rgb(36,128,227) 20%, rgb(65,154,255) 60%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(36,128,227)),
		color-stop(0.6, rgb(65,154,255))
	);
}

li.menu a:hover span.name, li.menu a:hover span.comment, li.store:hover .starcomment, li.store:hover .name, li.store:hover .comment, body.list li.withimage a:hover .comment {
    color: #fff
}

li.menu a:hover span.comment {
    color: #fff
}

li.menu a {
	font-weight:normal !important;
    display: block;
    height: 43px;
    width: 100%;
    text-decoration: none
}

li.menu a img {
    width: auto;
    height: 32px;
    margin: 5px 0 0 5px;
    float: left
}

li.menu span.homename {
    margin: 11px 0 0 7px;
    width: auto;
    color: #444;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75%;
    white-space: nowrap;
    float: left
}

.taskstatus {width:30px;}
.taskpriority {width:20px;}

li.menu span.name {
    margin-right:25px;
    
	padding-left:5px;
	border-left:2px grooved #2a2929;
    color: #1a1919;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    text-transform:inherit;
    margin: 11px 0 0 7px;
    
    float: left
}

li.menu span.comment {
    margin: 5px 30px 0 0;
    width: auto;
    color: #000;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 75%;
    white-space: nowrap;
    float: right;
    color: #324f85
}

li.menu span.arrow, li.store span.arrow, body.musiclist span.arrow, body.list span.arrow {
    position: absolute;
    width: 8px !important;
    height: 13px !important;
    right: 2px;
    top: 11px;
    margin: 0 2px 0 0 !important;
    background: url( "../images/arrow.png" ) 0 0 no-repeat
}

li.store {
    height: 90px;
    border-top: #878787 solid 1px;
    overflow: hidden;
    position: relative
}

li.store a {
    width: 100%;
    height: 90px;
    display: block;
    background: url( "../images/storebg.png" ) left top no-repeat;
    text-decoration: none;
    position: absolute
}

li.store:hover {
    background: url( "../images/storetouched.png" ) repeat-x #0274ee
}

li.store .image {
    position: absolute;
    left: 0;
    top: 0;
    height: 90px;
    width: 90px;
    display: block;
    background: url( '../images/storetouched.png' ) no-repeat
}

li:first-child.store .image, li.store:first-child a {
    -webkit-border-top-left-radius: 8px 8px
}

li:last-child.store .image, li.store:last-child a {
    -webkit-border-bottom-left-radius: 8px 8px
}

li.store .name {
    font-size: 15px;
    white-space: nowrap;
    margin: 5px 0 0 95px;
    display: block;
    overflow: hidden;
    color: #000;
    max-width: 60%;
    text-overflow: ellipsis;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis
}

li.store .comment, body.list li.withimage .comment {
    font-size: 12px;
    color: #7f7f7f;
    margin: 16px 0 0 95px;
    display: block;
    width: 60%;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

li.store .arrow, body.list li.withimage .arrow {
    top: 39px !important
}

li.store .stars {
    margin: 6px 0 0 95px
}

li.store .starcomment {
    position: absolute;
    left: 165px;
    top: 56px;
    font-size: 12px;
    color: #7f7f7f;
    font-weight: lighter
}

.graytitle {
    position: relative;
    font-weight: bold;
    font-size: 17px;
    right: 20px;
    left: 9px;
    color: #4C4C4C;
    text-shadow: #FFF 0 1px 0;
    padding: 1px 0 3px 8px
}


.header {
    display: block;
    font-weight: bold;
    color: rgb( 73, 102, 145 );
    font-size: 12pt;
    margin-bottom: 6px;
    line-height: 14pt
}

body.musiclist div#content {
    width: auto;
    margin: -29px auto auto -40px
}

body.musiclist div#content ul {
    background: url( "../images/musiclistbg.png" ) repeat
}

body.musiclist div#content ul li {
    list-style: none;
    height: 44px;
    width: auto;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

body.musiclist div#content ul li a {
    text-decoration: none;
    color: #000;
    width: 100% !important;
    height: 100%;
    display: block
}

body.musiclist ul li .number, body.musiclist .name, body.musiclist .time {
    display: inline-block;
    height: 44px;
    font-weight: bold;
    font-size: large;
    width: 44px;
    text-align: center;
    line-height: 46px
}

body.musiclist ul li .name {
    margin-left: 0;
    width: auto !important;
    font-size: medium;
    padding-left: 5px;
    border-left: solid 1px #e6e6e6
}

body.musiclist ul li .time {
    color: #848484;
    font-size: medium;
    margin-left: 4px;
    width: auto !important;
    font-weight: normal
}

body.musiclist {
    background-image: none !important;
    background-color: #cbcccf
}

body.musiclist ul li span.name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 62%
}

body.list ul li.title {
    background: url( "../images/listheader.gif" ) repeat-x;
    height: 22px !important;
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-shadow: gray 0 1px 0;
    line-height: 22px;
    padding-left: 20px;
    border-bottom: none !important
}

body.list ul {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0
}

body.list div#content li {
    height: 40px;
    border-bottom: 1px solid #e1e1e1;
    list-style: none
}

body.list {
    background-color: #fff;
    background-image: none !important
}

body.list div#footer {
    margin-top: 24px !important
}

body.list div#content li a {
    padding: 9px 0 0 20px;
    font-size: large;
    font-weight: bold;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    height: 32px
}

body.list div#content li a span.name {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 93%;
    white-space: nowrap;
    display: block
}

body.list div#content li a:hover {
    color: #fff
}

body.list div#content li a:hover {
    background: url( "../images/menutouched.png" ) repeat-x
}

body.list div#content {
    margin-top: -13px !important
}

body.list ul img {
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 0
}

body.list li.withimage {
    height: 90px !important
}

body.list li.withimage span.name {
    margin: 13px 0 0 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 63% !important;
    white-space: nowrap
}

body.list li.withimage .comment {
    margin: 10px auto auto 90px !important;
    max-width: 63% !important
}

body.list li.withimage a, body.list li.withimage:hover a {
    height: 81px !important;
    background: url( "../images/storebg.png" ) left top no-repeat !important
}

body.list li.withimage:hover {
    background-image: url( "../images/storetouched.png" )
}

.confirm_screen {
    position: absolute;
    bottom: 0;
    -webkit-transform: translate( 0, 100% );
    -webkit-transition-property: -webkit-transform;
    background-image: url( "../images/popup-bg.png" );
    opacity: 0
}

.confirm_screenopen {
    position: absolute;
    opacity: 0.8;
    overflow: hidden;
    bottom: -100%;
    width: 100%;
    background: url( "../images/popup-bg.png" ) repeat-x #4e545f;
    -webkit-transition-duration: 0.8 s;
    -webkit-transition-property: -webkit-transform;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate( 0, 0 );
    text-align: center;
    z-index: 99999
}

.confirm_screenopenfull {
    position: absolute;
    opacity: 0.8;
    overflow: hidden;
    bottom: -100%;
    width: 100%;
    background: url( "../images/popup-bg.png" ) repeat-x #4e545f;
    -webkit-transition-duration: 0.8 s;
    -webkit-transition-property: -webkit-transform;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate( 0, 45px );
    text-align: center;
    z-index: 99999
}

.confirm_screenclose {
    -webkit-transition-duration: 1.2 s;
    -webkit-transition-property: -webkit-transform;
    -webkit-transform-style: preserve-3d;
    position: absolute;
    opacity: 0.8;
    overflow: hidden;
    bottom: -100%;
    width: 100%;
    background: url( "../images/popup-bg.png" ) repeat-x #545A67;
    text-align: center;
    -webkit-transform: translate( 0, 150% )
}

.confirm_screenopen span, .confirm_screenclose span, .confirm_screenopenfull span, .confirm_screenclosefull span {
    margin: 10px 0 20px;
    font-size: 17px;
    color: #fff;
    width: 100%;
    height: 10px;
    text-shadow: rgba( 0, 0, 0, 1 ) 0 -1px 0;
    display: block
}

.popup {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9999
}

.cover {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 9998;
    opacity: 0.4;
    left: 0;
    background-color: #000
}

.nocover {
    opacity: 0;
    background-image: url( '../images/bluebutton.png' ), url( '../images/darkredbutton.png' )
}

#frame a {
    text-decoration: none;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -15px;
    margin-top: 0
}

#frame span.black, #frame span.red, #frame span.gray {
    display: block;
    height: 46px;
    border-width: 0 14px;
    width: auto;
    background-repeat: no-repeat;
    line-height: 46px;
    font-size: large;
    opacity: 1;
    font-weight: bolder;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
}

#frame span.black {
    -webkit-border-image: url( "../images/graybutton.png" ) 0 14 0 14;
    color: #fff
}

#frame span.red {
    -webkit-border-image: url( "../images/redbutton.png" ) 0 14 0 14;
    color: #fff
}

#frame span.gray {
    -webkit-border-image: url( "../images/whitebutton.png" ) 0 14 0 14;
    color: #000;
    text-shadow: white 0 1px 0
}

#frame a:last-child {
    margin-bottom: 20px !important
}

#frame a:hover span.black, #frame a:hover span.gray {
    -webkit-border-image: url( "../images/bluebutton.png" ) 0 14 0 14;
    color: #fff;
    text-shadow: rgba( 0, 0, 0, 1 ) 0 -1px 0
}

#frame a:hover span.red {
    -webkit-border-image: url( "../images/darkredbutton.png" ) 0 14 0 14
}

#leftnav, #leftbutton {
    position: absolute;
    font-size: 12px;
    left: 9px;
    top: 7px;
    font-weight: bold
}

#leftnav, #leftbutton, #rightnav, #rightbutton {
    z-index: 5000
}

#leftnav a, #rightnav a, #leftbutton a, #rightbutton a {
    display: block;
    color: #fff;
    text-shadow: rgba( 0, 0, 0, 0.6 ) 0 -1px 0;
    line-height: 30px;
    height: 30px;
    text-decoration: none
}

#leftnav img, #rightnav img {
    margin-top: 4px
}

#leftnav a:first-child {
    z-index: 2;
    -webkit-border-image: url( "../imgs/navleft.png" ) 0 5 0 13;
    border-width: 0 5px 0 13px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    width: auto
}

#leftnav a {
    -webkit-border-image: url( "../imgs/navlinkleft.png" ) 0 5 0 13;
    z-index: 3;
    margin-left: -4px;
    border-width: 0 5px 0 13px;
    padding-right: 4px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    float: left
}


#title1{
    position: absolute;
    font-size: 12px;
    left: 0px;
    top: 7px;
    font-weight: bold
}

#title1 {
    z-index: 5000
}

#title1 a{
    display: block;
    color: #fff;
    text-shadow: rgba( 0, 0, 0, 0.6 ) 0 -1px 0;
    line-height: 30px;
    height: 30px;
    text-decoration: none
}

#title1 img {
    margin-top: 4px
}

#title1 a:first-child {
    z-index: 2;
    -webkit-border-image: url( "../imgs/navleft.png" ) 0 5 0 13;
    border-width: 0 5px 0 13px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    width: auto
}

#title1 a {
    -webkit-border-image: url( "../imgs/navlinkleft.png" ) 0 5 0 13;
    z-index: 3;
    margin-left: -4px;
    border-width: 0 5px 0 9px;
    padding-right: 8px;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    float: left;
}

/*#title2{
    position: absolute;
    font-size: 12px;
    left: 9px;
    top: 7px;
    font-weight: bold
}

#title2 {
    z-index: 5000
}

#title3 {
    position: absolute;
    font-size: 12px;
    right: 30px;
    top: 7px;
    font-weight: bold
}*/

#title2{
    position: absolute;
    font-size: 12px;
    left: -14px;
    top: 7px;
    font-weight: bold
}

#title2 {
    z-index: 5000
}

#title21{
    position: absolute;
    font-size: 12px;
    left: 74px;
    top: 10px;
    font-weight: bold
}

#title22{
    position: absolute;
    font-size: 12px;
    left: -7px;
    top: 16px;
    font-weight: bold
}

#title3 {
    position: absolute;
    font-size: 12px;
    right: 42px;
    top: -2px;
    font-weight: bold
}

#title4 {
    position: absolute;
    font-size: 12px;
    right: -24px;
    top: -5px;
    font-weight: bold
}

.searchcontacts {margin: 5px 5%;}

#rightnav, #rightbutton {
    position: absolute;
    font-size: 12px;
    right: 9px;
    top: 3px;
    font-weight: bold
}

#rightnav a {
    -webkit-border-image: url( "../imgs/navlinkright.png" ) 0 13 0 5;
    z-index: 3;
    margin-right: -4px;
    border-width: 0 13px 0 5px;
    padding-left: 4px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    float: right;
    -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px
}

#rightnav a:first-child {
    z-index: 2;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-image: url( "../imgs/navright.png" ) 0 13 0 5;
    border-width: 0 13px 0 5px;
    -webkit-border-top-right-radius: 16px;
    -webkit-border-bottom-right-radius: 16px
}

#leftbutton a, #rightbutton a {
    -webkit-border-image: url( "../imgs/navbutton2.png" ) 0 5 0 5;
    border-width: 0 5px;
    -webkit-border-radius: 6px
}

.rssxpresschannel {
    font-family: helvetica, sans-serif;
    border: none
}

.rssxpresschtitle {
    text-align: center
}

.rssxpresschdesc {
    color: #000;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 5px
}

.rssxpressittitle {
    display: block;
    font-size: 12pt;
    background: #fff;
    margin: 5px 0 2px
}

.rssxpressittitle a {
    text-decoration: none !important;
    font-weight: bold;
    color: rgb( 73, 102, 145 );
    line-height: 10pt
}

.rssxpressitdesc {
    background: #fff;
    font-size: 12pt
}

.rssxpressdivider {
    display: none
}

li.form input[type=text], li.form input[type=password], li.form input[type=search] {
    border: 1px solid #b4b4b4;
	padding:5px;
	-webkit-box-shadow: inset 0px 4px 8px 2px , 0.4);
    font-weight: normal;
    height: 20px;
    -webkit-border-radius:4px;
	background:#f0f2f3;
    line-height: 14px;
    font-size: 18px;
    margin: auto;
    display: block;
    position: relative;
    width: 90%
}

li.form input[type=submit] {
    width: 100%;
    background: none;
    border: 0px;
    color: #000;
    margin-top: -5px;
    margin-bottom: -5px;
    font-weight: bold;
    font-size: 16px;
	
}

.form {
    padding: 5px 8px 0 10px;
    height: 37px !important;
    position: relative;
	font-family: 'SweetSans', Arial, Helvetica, sans-serif;
    overflow: hidden
}

.rform {
	float:right;
	margin: 0 5px;
	width:65%;
	position:relative;
	top:0;
}

.fullsize {
	height:500px !important;
}

textarea#fullsize {
	border: 1px solid #b4b4b4;
	padding:2px;
	-webkit-box-shadow: inset 0px 4px 8px 2px , 0.4);
    font-weight: normal;
    -webkit-border-radius:4px;
	background:#f0f2f3;
	line-height:12px;
	margin:5px 0 0 15px;
	width:80%;
	height:25px;
}

li.form .narrow textarea, li.form .narrow input[type=text], li.form .narrow input[type=checkbox], li.form .narrow input[type=password], li.form .narrow input[type=search] {
    width: 40% !important;
    
    height: 10px;
    border: 1px solid #b4b4b4;
	padding:5px;
	-webkit-box-shadow: inset 0px 4px 8px 2px , 0.4);
    font-weight: normal;
    -webkit-border-radius:4px;
	background:#f0f2f3;
    line-height: 8px;
    font-size: 18px;
    font-weight: normal;
    margin: 0 !important;
    position: absolute;
    right: 13px;
	
}

li.form span.narrow, li.form span.check {
    width: 90% !important;
    display: block;
    position: relative;
    margin: auto
}

li.form .name {
    width: 55% !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    color: #000;
    font-weight: bold;
    font-size: 17px;
    /*left: 0px*/
}

li.form .check .name {
    width: 70% !important
}

li.form input[type=radio] {
    width: 100%;
    height: 42px;
    display: block;
    margin: -5px -8px 0 -5px;
    -webkit-appearance: none;
    border: 0;
    -webkit-border-radius: 0;
    position: relative;
    background: transparent;
    position: absolute
}

span.radio {
    width: 30px;
    height: 50px;
    background: url( ../imgs/radio-selected.png ) no-repeat;
    display: block;
    position: absolute;
    right: 5px;
    overflow: visible;
    z-index: 1
}

span.checkbox {
    width: 94px;
    height: 27px;
    background: url( ../images/checkbox.png ) no-repeat;
    display: block;
    position: absolute;
    right: -14px;
    top: 2px
}

input[type=checkbox] {
    display: none
}

select {
    height: 40px;
    opacity: 0;
    position: absolute;
    width: 100%;
    margin: 0 0 0 -5px;
}

.form .choice .name {
    left: 1.7%;
    width: 87% !important
}

span.select {
    z-index: 1;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 6px 20px 0 7px;
    color: #1a1919;
    font-weight: bold;
    font-size: 16px;
	font-style:italic;
	z-index:3000 !important;
}

.form .arrow {
    background: url( '../images/more.png' ) no-repeat;
    width: 13px;
    height: 8px;
    position: absolute;
    right: 10px;
    top: 18px;
	padding-right:5%;
    margin: 0 !important
}

input[type=submit], button, input[type=button], input[type=reset] {
    background: transparent;
    width: 100%;
    height: 40px;
    left: 0px;
    position: absolute;
    top: 6px;
    display: block;
    -webkit-border-radius: 0;
    line-height: 40px
}

button, input[type=button], input[type=reset] {
    top: 0px !important;
    border: none;
    color: black;
    font-weight: bold;
    font-size: 17px;
    -webkit-appearance: none
}

.textbox textarea {
    min-height: 58px;
    margin: 0 0 0 5%;
	border:1px solid #ddd;
    position: relative;
    padding:5px;
	-webkit-box-shadow: inset 0px 4px 8px 2px , 0.4);
    font-weight: normal;
    -webkit-border-radius:4px;
	background:#f0f2f3;
    /*line-height: 18px;*/
    line-height: 22px;
    left: -2px;
    font-size: 18px;
    /*font-weight: normal;*/
    width: 90%;
    display: block;
    border-width: 3px 3px
}

ul li.hidden {
    display: none
}

ul li.autolisttext {
    text-align: center
}

body.musiclist ul li.autolisttext {
    line-height: 44px !important
}

ul li.autolisttext a:hover {
    background-image: none !important;
    color: black !important
}

.pagination{
padding: 2px;
text-align:right;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /Set to “right” to right align pagination interface/
font-size: 16px;
}

.pagination span{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 5px 10px ;
border: 1px solid #b1b1b1;
text-decoration: none;
background: #ccc;
color: #1a1919;
text-shadow: rgba( 0, 0, 0, 0.6 ) 0 -1px 0;
border-radius:3px;
moz-border-radius:3px;
webkit-border-radius:3px;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #eb8b1a;
color: #fff;
background-color: #eb8b1a;
}

.pagination a.currentpage{
background-color: #1a1919;
color: #fff !important;
border-color: #1a1919;
font-weight: bold;
cursor: default;
border-radius:3px;
moz-border-radius:3px;
webkit-border-radius:3px;

}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

.searchbox {
	height: 44px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f3f4), color-stop(3%, #e0e4e7), color-stop(50%, #c7cfd4), color-stop(51%, #bec7cd), color-stop(97%, #b4bec6), to(#8999a5));
	margin: -13px 0 13px 0;
	width: 100%;
}
.searchbox form {
	height: 24px;
	-webkit-border-image: url('/iwebkit/images/searchfield.png') 4 14 1 24;
	border-width: 4px 14px 1px 24px;
	display: block;
	position: relative;
	top: 8px;
	margin: auto;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
.searchbox input[type="text"] {
	border: 0;
	-webkit-appearance: none;
	height: 18px;
	float: left;
	font-size: 13px;
	padding: 0;
	position: relative;
	top: 2px;
	left: 2px;
    width:100%;
}

.titlemain {
	color:#000;
}


.graylabel{
	font-family: 'SweetSans', Arial, Helvetica, sans-serif;
	font-weight:normal;
    color:#76797b;
    font-size:12pt;
	width:100px;
	margin: 5px 10px 5px 5px;
	position:relative;
	/*top:7px;*/
    top:1px;
}

.opp-label {
	margin-left:20px;
}



a.ovalbutton-red{
	background: transparent url('/iwebkit/imgs/task-red.png') no-repeat top left;
	display: block;
	float: left;
	text-align:center;
	font: #fff normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 33px; /* Height of button background height */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:white;
}

a:link.ovalbutton-red, a:visited.ovalbutton-red, a:active.ovalbutton-red{
color: #ffffff !important; /*button text color*/
}

a.ovalbutton-red span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}



a.ovalbutton-blue{
	background: transparent url('/iwebkit/imgs/task-blue.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 33px; /* Height of button background height */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color: #fff !important;
}

a:link.ovalbutton-blue, a:visited.ovalbutton-blue, a:active.ovalbutton-blue{
color: #ffffff; /*button text color*/
}

a.ovalbutton-blue span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


a.ovalbutton-green{
	background: transparent url('/iwebkit/imgs/task-green.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 35px; /* Height of button background height */
	width: 35px;
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:white;
}

a:link.ovalbutton-green, a:visited.ovalbutton-green, a:active.ovalbutton-green{
color: #ffffff; /*button text color*/
}

a.ovalbutton-green span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}



a.ovalbutton-yellow{
	background: transparent url('/iwebkit/imgs/task-yellow.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 35px; /* Height of button background height */
	width: 35px;
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:white;
}

a:link.ovalbutton-yellow, a:visited.ovalbutton-yellow, a:active.ovalbutton-yellow{
color: #ffffff; /*button text color*/
}

a.ovalbutton-yellow span{
background: transparent;
display: block;
padding: 4px 11px 6px 0; /*Set 11px below to match value of 'padding-left' value above*/
}


/*Task : Color Scheme to match the Native app     Project : Mobile Browser app CH/PD*/
a.ovalbutton-maroon{
	background: transparent url('/iwebkit/imgs/task-maroon.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Tahoma; 
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 35px; /* Height of button background height */
	width: 35px;
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:#fff !important;
}

a:link.ovalbutton-maroon, a:visited.ovalbutton-maroon, a:active.ovalbutton-maroon{
color: #ffffff; /*button text color*/
}

a.ovalbutton-maroon span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton-aqua{
	background: transparent url('/iwebkit/imgs/task-aqua.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 33px; /* Height of button background height */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:white;
}

a:link.ovalbutton-aqua, a:visited.ovalbutton-aqua, a:active.ovalbutton-aqua{
color: #ffffff; /*button text color*/
}

a.ovalbutton-aqua span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton-darkgreen{
	background: transparent url('/iwebkit/imgs/task-darkgreen.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 33px; /* Height of button background height */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:white;
}

a:link.ovalbutton-darkgreen, a:visited.ovalbutton-darkgreen, a:active.ovalbutton-darkgreen{
color: #ffffff; /*button text color*/
}

a.ovalbutton-darkgreen span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton-grey{
	background: transparent url('/iwebkit/imgs/task-darkgrey.png') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 25px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 33px; /* Height of button background height */
	padding-left: 7px; /* Width of left menu image */
	text-decoration: none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bolder;
    color:white;
}

a:link.ovalbutton-grey, a:visited.ovalbutton-grey, a:active.ovalbutton-grey{
color: #ffffff; /*button text color*/
}

a.ovalbutton-grey span{
background: transparent;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */

width: 100%;
}

.dispLabels {
    margin: 11px 0 0 7px;
    width: auto;
    color: #000;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    overflow: auto;
    /*max-width: 75%;*/
    white-space: nowrap;
    float: left
}

.orangeLabels {
    /*margin: 11px 0 0 7px;*/
    margin: 0 0 0 7px;
    width: auto;
    color: #FF8C00;
    font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    overflow: auto;
    /*max-width: 75%;*/
    white-space: nowrap;
    float: left
}

span.checkboxsmall {
    width: 94px;
    height: 27px;
    background: url( ../images/checkbox.png ) no-repeat;
    display: block;
    position: absolute;
    /*right: -14px;*/
    top: 2px;
    left:8%;
}

.error-box {
    font: 12px Arial, Helvetica, sans-serif;
    color: #76BEE9;
    padding: 5px;
    margin: 10px;
    font-weight: bold;
}
.mInfo-msg {
    font: 12px Arial, Helvetica, sans-serif;
    color: black;
}
.toggleButton {
    color: darkgoldenrod;
    font-weight: bold;
    text-decoration: none;
    font-size:10pt;
}

.right {
    float:right;
}

.linkMidBold       { font-size: 14pt; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif; }
.linkMiSmall       { font-size: 12pt; font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;}

A.NavLinkCurrent
{
   background-color: #FFFFFF;
   border-color: #FF8888;
   border-width: 1px;
   border-style: solid;
}

.taskname {
	font-size: 16px;
	color:#404548;
	padding: 7px 0;
	margin-left:5px;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	max-height:100px;
	cursor:pointer;
}

.taskname-addnew {
	font-size: 16px;
	color:#4a4848;
	padding: 7px 0;
	margin-left:5px;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	margin-left:20px;
	cursor:pointer;
}


.taskeditdropdown {
	background-color:#F00;
}

button.main {
	font-family: 'SweetSans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 0 20px;
	width: 200px;
	background: -moz-linear-gradient(
		top,
		#f3911a 0%,
		#db811b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f3911a),
		to(#db811b));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #e88719;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

.externalemail {
	font-size:18px; font-weight:bold; display:block;
}

.delegate-task {
	width:90%;
}

.delegate-button {
	margin-left:50px;
	color:#fff;
	font-size:15px;
	font-family: 'SweetSans', Arial, Helvetica, sans-serif;
	padding: 10px;
	background: -moz-linear-gradient(
		top,
		#f3911a 0%,
		#db811b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f3911a),
		to(#db811b));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid #e88719;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
		color:#fff;
	text-decoration:none;
}

.loginbutton {width:100%; margin: 0 40% ;}
.buttons {width:100%; }



button.secondary {
	font-family: 'SweetSans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	width: 200px;
	padding: 5px 20px;
	background: -moz-linear-gradient(
		top,
		#b8bcbd 0%,
		#a4a7a8);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#b8bcbd),
		color-stop(0.50, #c8cccd),
		to(#a4a7a8));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #a4a7a8;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}

.emailuser { font-size:20px; font-weight:bold; padding: 0 0 0 12px; color:#1a1919;}
.emailinput {margin: 3px 15px 3px 10px;}
.delegatecontacts {
	position:relative; 
	height:20px; 
	width:160px;
	margin-left:25px;
	font-size:14px;
	padding: 4px;
}

.contact-text {
	position:relative;
	bottom: 7px;
}

.contact-phone {
	margin-left:4%;
}
	
.nonlist {list-style:none;}
#delegate-desc {list-style:none; margin-top:20px;}

.logo {position:relative; top: -50px; left:10px; height:40px;}

.convert-item {
	margin-left:10px;
	
	height:30px !important;
}


.datetitle1 {
font-size:14pt;
color:black;
text-align:center;
position:relative;
top: -8px;
left:18px;
}