/*


Top blue 29A4E8

Calendar blue 2AC5F5

Features blue 2755A2

Button blue 2787F5

Grey F5F5F5

Input background F8F8F8

*/

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 300;	
	margin: 0px;	
	color : #666666;
}

div.header {
	background-color : #29A4E8;
	height: 300px;
	padding-left : 80px;
	padding-right : 80px;
	padding-top : 10px;
	color : #ffffff;
}

div.header img.logo {
	margin-left : 90px;
	margin-top : 100px;
	margin-bottom : 0px;

}


div.header h1 {
	font-weight : 400;
	font-size : 72px;
	margin-left : 90px;
	margin-top : 80px;
	margin-bottom : 0px;
	background: url(./images/meetomatic.png) no-repeat 0px 10px;
	text-indent: -9000px;
}

div.header h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 300;
	font-size : 32px;
	margin-left : 90px;
	margin-top : 0px;
}

div.smallheader {
	background-color : #29A4E8;
	height: 90px;
	padding-left : 80px;
	padding-right : 80px;
	padding-top : 10px;
	color : #ffffff;
}

div.smallheader h1 {
	font-weight : 400;
	font-size : 30px;
	margin-left : 90px;
	margin-top : 0px;
	margin-bottom : 0px;
	background: url(./images/meetomatic-small.png) no-repeat 0px 10px;
	text-indent: -9000px;
}

div.smallheader img.logo {
	margin-left : 90px;
	margin-top : 10px;
	margin-bottom : 0px;
}

div.smallheader h2 {
	font-weight : 400;
	font-size : 14px;
	margin-left : 90px;
	margin-top : 0px;
}

#headeroptions {
	margin-left : 90px;
}


.button100 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 700;
	font-size: 12px;
	background: url(./images/bluebutton.png) no-repeat 0% 0%;
	border : none;
	width : 100px;
	height : 32px;
	text-align:center;
	cursor: pointer;
	color : #E8E8E8;
}

.button100.disabled {
	background: url(./images/disabledbutton.png) no-repeat 0% 0%;
	color : #c0c0c0;
	cursor : default;
}

.button100:hover {
	color : #FFFFFF;
}

.button100.disabled:hover {
	color : #c0c0c0;
}

.button200 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 700;
	font-size: 12px;
	background: url(./images/bluebutton200.png) no-repeat 0% 0%;
	border : none;
	width : 200px;
	height : 32px;
	text-align:center;
	cursor: pointer;
	color : #E8E8E8;
}


#headeroptions a.button100 {
	font-size: 11px;

	display: block;
	float : left;
	margin-top: 20px;
	margin-right : 10px;
	text-decoration : none;
	padding-top : 8px;
	text-align:center;
}

#toolbar {
	float:right;
	color : #E8E8E8;
	text-align : right;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 400;
	font-size : 12px;
	line-height : 30px;
}

#toolbar a {
	color : #E8E8E8;
	border-bottom : 1px solid #E8E8E8;
}

#toolbar a:hover {
	color : #FFFFFF;
	border-bottom : 1px solid #ffffff;
}

.apparea { 
	width: 900px; 
	margin-left : auto;
	margin-right : auto;
	padding-bottom : 30px;
}

.apparea h2 {
	font-size : 24px;
	font-weight : normal;
	color : #666;
}

.apparea a 
{
	color : #666666;
}

.titlearea { 
	width: 900px; 
	margin-left : auto;
	margin-right : auto;
}


.titlearea h1 {
	font-size : 24px;
	font-weight : normal;
	color : #666;
}

div.linkscontainer a {
	text-decoration : none;
	margin-left : 20px;
	padding-bottom : 4px;
}

div.linkscontainer a:hover {
	text-decoration : none;
}

#instructions {
	margin-top : 40px;
	font-size : 24px;
	text-align : center;
	color : #666;
}

#alerterrors {
	font-weight : 400;
	font-size : 24px;
	text-align : center;
	color : #666;
}

#alerterrors .alert-error {
	background-color : #ff6666;
	width : 600px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	color : #ffff66;
	margin-top : 5px;
	margin-bottom : 0px;
}

#signupdetails .alert-error {
	background-color : #ff6666;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	color : #ffff66;
	margin-top : 5px;
	margin-bottom : 0px;
}

div.alert-error {
	background-color : #ff6666;
	width : 600px;
	margin-left : auto;
	margin-right : auto;
	padding : 5px;
	color : #ffff66;
	margin-top : 5px;
	margin-bottom : 0px;
}

.alert-error a {
	color : #ffff66;
}

div.apptnote 
{
	margin-top: 20px;
	font-size : 12px;
}

div.smallnote
{
	font-size : 12px;
}

div.smallnote a 
{
	text-decoration : none;
	padding-bottom : 5px;
	color : #2AC5F5;
	border-bottom: 1px solid #2AC5F5;
}


#instructions input {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 400;
	font-size : 24px;
	border : 0px;
	background-color : #F3F3F3;
	color : #2AC5F5;
	width : 180px;
}

tr.responsedetails td {
	padding-top : 5px;
	vertical-align : top;
}

.responsedetails {
	font-size : 24px;
	color : #666;
}

.responsedetails input {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 400;
	font-size : 24px;
	border : 0px;
	background-color : #F3F3F3;
	color : #2AC5F5;
	width : 180px;
}


#timezoneprompt {
	margin-top: 10px;
	text-align : center;
	margin-left: auto;
	margin-right: auto;
}

table.calendartable {
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
}

table.monthtable {
	border-collapse : collapse;
	border: 1px solid #E0E0E0;
}

table.calendarbox table.monthtable td {
	width: 48px;
	height : 38px;
}

table.calendarbox table.monthtable tfoot td{
height: 5px;
}

table.calendarboxwide table.monthtable td.leftpadcol {
	width : 10px;
	vertical-align : middle;
	border: none;
}

table.calendarbox table.monthtable td.leftpadcol {
	width : 10px;
	vertical-align : middle;
	border: none;
}

table.calendarboxwide table.monthtable td.rightpadcol {
	width : 10px;
	border: none;	
}

table.calendarbox table.monthtable td.rightpadcol {
	width : 10px;
	border: none;	
}

table.calendarboxwide table.monthtable td {
	width: 80px;
}

#frmRespond table.calendarboxwide table.monthtable td {
	width: 100px;
}

#frmRespond table.calendarboxwide table.monthtable td.leftpadcol {
	width : 10px;
	vertical-align : middle;
	border: none;
}

#frmRespond  table.calendarboxwide table.monthtable td.rightpadcol {
	width : 10px;
	border: none;	
}

table.monthtable tr.monthrow {
	background-color : #2AC5F5;
	color : #ffffff;
}

table.monthtable tr.monthrow td {
	text-align : left;
	padding-left : 10px;
	height : 40px;
}

table.monthtable tr.monthrow td h4 {
	font-size:18px;
	padding: 0px;
	margin: 0px;
} 

table.monthtable tr.monthrow td a {
	text-decoration : none;
	color : #ffffff;
	font-weight : 300;
}

table.monthtable tr.dayrow {
	background-color : #ffffff;
	color : #2AC5F5;
}

table.monthtable tr.dayrow td {
	text-align : center;
	height : 40px;
}

table.monthtable tr.dayrow td a {
	text-decoration : none;
	color : #2AC5F5;
	font-weight : 700;
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 14px;
	text-transform:uppercase;
}

table.monthtable tr.week td span.today {
	color : #2AC5F5;
}

table.monthtable tr.week td
{
text-align : center;
vertical-align : top;
border-right : 1px solid #E0E0E0;
border-bottom : 1px solid #E0E0E0;
}

table.monthtable tr.week td.lastdaycol
{
border-right : none;
}

table.monthtable tr.lastrow td
{
	border-bottom : none;
}

table.monthtable tr.week td input {
/*
	visibility: hidden;
	width:1px;
	height:1px;
*/	
margin:0px;
}

table.monthtable tr.week td a {
	text-decoration : none;
	color : #666666;
	font-weight : 700;
	font-family: 'Source Sans Pro', sans-serif;
	font-size : 12px;
}

table.monthtable tr.dayrow td a.amselect {
	font-size : 10px;
}

table.monthtable tr.dayrow td a.pmselect {
	font-size : 10px;
}

table.monthtable tr.week td div.leftarrow {
	position: absolute;
}

table.monthtable td.daydisabled a.command, table.monthtable td.weekenddisabled a.command, table.monthtable td.daydisabled, table.monthtable td.weekenddisabled {
	color : #cccccc;
}

table.monthtable div.setslot {
	cursor : pointer;
	color : #000000;
	font-size : 12px;
	text-align : left;
}

table.monthtable  div.setslot.hoverslot {
	color : #ffffff;
	background-color : #80F0FF;
}

table.monthtable div.slot {
	cursor : pointer;
	color : #cccccc;
	font-size : 12px;
}

table.monthtable  div.slot.hoverslot {
	color : #ffffff;
	background-color : #80F0FF;
}

div.leftarrow img {
	border : none;
}

table.calendartable tr.spacerrow td {
	height : 1px;
	font-size : 1px;
}

table.monthtable tr.week table.responseentry {
	border : none;
	border-collapse : collapse;
	width : 120px;
	text-size : 12px;
}

table.monthtable tr.week table.responseentry  td {
	border : none;
	text-align : left;
}

table.monthtable tr.week table.responseentry  td.check {
	text-align : right;
	width : 20px;
}

#buttons {
	position : absolute;
	padding-top : 40px;
	text-align : center;
	width : 150px;
}

/*
#buttons input {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 700;
}
*/

#buttons input.button100 {
	margin-top: 20px;
	margin-bottom: 5px;
}

input.pressbutton {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 700;
	font-size: 12px;
	background: url(./images/whitebutton.png) no-repeat 0% 0%;
	border : none;
	width : 100px;
	height : 32px;
	margin-top: 5px;
	margin-bottom: 5px;
	color : #2AC5F5;
	padding-top : 4px;
	text-align:center;
	font-weight: 400;
	cursor: pointer;
}

#buttons input.pressbutton:hover {
	color : #2787F5;
}


button.pressbutton {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 700;
	font-size: 12px;
	background: url(./images/whitebutton.png) no-repeat 0% 0%;
	border : none;
	width : 100px;
	height : 32px;
	margin-top: 5px;
	margin-bottom: 5px;
	color : #2AC5F5;
	padding-top : 4px;
	text-align:center;
	font-weight: 400;
	cursor: pointer;
}

#addmonthsbutton {
	background: url(./images/addmonths.png) no-repeat 0% 0%;
	border : none;
	position : absolute;
	top : 5px;
	left : 0px;
	width : 32px;
	height : 32px;
	margin: 4px;
	background-color : #2AC5F5;
	color : #ffffff;
	text-indent : -9999px;
	cursor: pointer;
}

#tiparea {
	width: 600px;
	margin-left : auto;
	margin-right : auto;
}

#quickdescr {
	padding-top : 40px;
	padding-bottom : 60px;
	width: 900px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}

#quickdescr h2 {
	font-weight: 300;
	font-size: 28px;
	color : #2755A2;
}

#quickdescr table {
	width: 85%;
	margin-left : auto;
	margin-right : auto;	
}

#quickdescr td {
	width: 33%;
	padding-left : 10px;
	padding-right : 10px;
}

#quickdescr tr.imagerow {
	vertical-align : bottom;
}

#quickdescr tr.descrrow {
	vertical-align : top;
}

#features {
	background-color : #2755A2;
	padding-top: 60px;
	padding-bottom: 60px;
	font-size:28px;
	text-align : center;
	color : #ffffff;
}

#featuretable {
	margin-top : 20px;
	margin-bottom : 50px;
	width: 650px;
	margin-left : auto;
	margin-right : auto;
	border-collapse : collapse;
	font-size : 18px;
}

#featuretable thead td {
	text-align : center;
}

#featuretable tfoot td{
	text-align : center;
}

#featuretable tbody {
}

#featuretable td.feature {
	text-align : left;
	padding-left: 20px;
}

#features #featuretable tfoot tr {
	background-color : #20447E;
	border-top : 1px solid #2755A2;
}

#featuretable tfoot a {
	color : #666666;
}

#features #featuretable tfoot a {
	color : #ffffff;
}

#features #featuretable tfoot a.button100 {
	color : #e8e8e8;
}

#features #featuretable tfoot a.button100:hover {
	color : #ffffff;
}

 span.featureyes {
	display : block;
	background : url(tick.gif) no-repeat 50% 0%;
	text-indent: -9000px;
}

#features  span.featureyes {
	display : block;
	background : url(whitetick.png) no-repeat 50% 0%;
	text-indent: -9000px;
}

#features #selProUsers {
	border : none;
	padding : 2px;
	margin : 0px;
	width : 90px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 400;
	font-size : 16px;
	text-align : center;
}

#features #selProUsers {
	background-color : #17305B;	
	color : #ffffff;
}

#selProUsers option {
background-color : #17305B;	
color : #ffffff;
}

#features #selProUsers option {
border : none;
}



div.center {
	width:240px;
	margin-left: auto;
	margin-right: auto;
}

form.subscribedetails .button100 {
	font-size : 12px;
	display: block;
	text-decoration : none;
	text-align:center;
	line-height: 32px;
	margin : 5px;
}

#testamonials {
	background-color : #ffffff;
	padding-top : 60px;
	padding-bottom : 60px;
	width: 900px;
	height : 300px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}


div.testamonial {
	position : absolute;
	width: 900px;
	height : 270px;
	display : none;
}

div.testamonial_txt {
	font-size:28px;
	width : 630px;
	padding-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
}

div.testamonial_name {
	text-transform:uppercase;
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:18px;
	font-weight : 700;
}

div.testamonial_org {
	text-transform:uppercase;
	color : #AAAAAA;
	font-family: 'Source Sans Pro', sans-serif;	
	font-size:18px;
	font-weight : 400;
}

ul.pagelist {
	list-style-type: none;
	list-style-position:outside;
	margin-top : 270px;
	padding-left :0px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}

ul.pagelist li {
	display : inline-block;
}

ul.pagelist li a {
	text-indent : -9000px;
	width : 10px;
	height : 10px;
	margin : 5px;
	display: block;
	float : left;
	background : url(./images/greydot.png) no-repeat 0% 0%;
}

ul.pagelist li a.selectedpage {
	background : url(./images/bluedot.png) no-repeat 0% 0%;
}

#signup {
	font-size:28px;
	background-color : #F5F5F5;
	padding-top : 60px;
	padding-bottom : 60px;
	text-align : center;	
}

#signup img {
	margin-bottom : 30px;
}

#signup a.button200 {
	font-size: 11px;

	display: block;
	float : left;
	margin-left : 10px;
	margin-right : 10px;
	text-decoration : none;
	color : #E8E8E8;
	padding-top : 8px;
	text-align:center;
}

#footer_container {
position:fixed;
bottom:0px;
height : 40px;
width: 100%;
margin: 0px;
padding: 0px;
}

#footer {
	background-color : #F5F5F5;
	padding-top : 10px;
	padding-bottom : 30px;
	padding-left : 80px;
	padding-right : 80px;
	text-align : right;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight : 300;
	font-size : 12px;
	
}

#footer a {
	color : #666666;
	border-bottom : 1px solid #666666;
}

#footer a:hover {
	color : #000000;
	border-bottom : 1px solid #000000;
}

span.droplist {
	position : absolute;
	margin-left : -50px;
	margin-top : -12px;
	padding : 0px;
	width : 100px;
	height : 24px;
	background-color : #17305B;	
}

ul.droplist {

	list-style-type: none;
	list-style-position:outside;
	position : absolute;
	margin-left : 0px;
	margin-top : -12px;
	padding : 0px;
	width : 100px;
	background-color : #17305B;
}

div.widetextbox {
	font-size : 10px;
	min-height : 50px;
/*	border: 1px solid #E0E0E0; */
}

div.widetextbox  div.slot {
	cursor: pointer;
}

#menudiv {
	position: absolute;
	z-index: 10;
	border: 1px solid black;
	padding: 3px;
	background-color: #ffffff;
	width: 320px;
	font-size: 12px;
}

#menudiv input {
	font-size: 10px;
}

#menudiv input.smallbutton {
	width: 60px;
}

#menudiv input.smallerbutton {
	width: 40px;
}

#menudiv table.menublock {
	width: 100%;
	background-color : #2AC5F5;
}

.menubuttonselected, .menubuttondayselected, .menubuttonnightselected {
	background-color: #80F0FF;
}

#menudiv td.menucell {
	width: 15px;
	text-align : center;
	color : #000000;
	cursor: pointer;	
}

#menudiv td.menucell.hovercell {
	color : #ffffff;
	background-color : #80F0FF;
}

#menudiv td.clocklabel {
	width: 15px;
	text-align : center;
	color : #666666;
}


table.responsetable {
	border-collapse : collapse;
	width : 100%;
	border: 1px solid #E0E0E0;
	border-spacing: 0px;
	border-collapse: collapse;	
}

table.responsetable td {
	margin: 0px;
	border: 0px;
	border: 1px solid #E0E0E0;
	min-width:10px;
}

table.responsetable td.response {
	color: #000000; 
	text-align: center; 
	font-weight: bold;
}

table.responsetable td.responsedateheader {
	text-align: center;
	border-bottom: 0px;
}

table.responsetable td.responsetime {
	text-align: center;
	font-weight: normal;
	width: 1.3em;	
	padding-top: 0.7ex;
	border-top: 0px;
}

table.responsetable td.responsename
{
	vertical-align:center;
}

table.responsetable td.responsenameheader {
	width: 10em;
	font-weight: bold;
	text-align: left;
}
table.responsetable td.responsecommentheader {
	width: 14em;
	font-weight: bold;
}
table.responsetable td.responsevipheader {
	width: 2.4em;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}
table.responsetable td.responsevip {
	text-align: center;
}
table.responsetable tr td {
	vertical-align: inherit;
}

table.responsetable tr.vip td {
	color: #000000;
	background-color: #F6F6F6;
}

table.responsetable input.resendemail{
	margin-left:5px;
	margin-right:5px;
	border:none; 
	width:16px; 
	height:16px; 
	text-indent: -9000px;
	cursor: pointer;	
	background-color : #ffffff;
}

div.timeimage img {
	display: block;
}

table.responsetable thead {
	background-color : #2AC5F5;
	color : #ffffff;
}

table.responsetable thead tr.responsetimes td {
	padding-bottom : 5px;
}

table.responsetable td.response {
text-align : center;
}

table.responsetable tfoot {
	background-color : #E3EFF2;
}

table.respondcal{
	width : 100%;
}

.faqarea dt {
	font-weight : 400;
}

#signupdetails {
	margin-top : 20px;
	margin-bottom : 50px;
	margin-left : auto;
	margin-right : auto;
	border-collapse : collapse;
	font-size : 18px;

}

#signupdetails a.button100 {
	font-size: 11px;
	color : #E8E8E8;
	display: inline-block;
	text-decoration : none;
	padding-top : 8px;
	text-align:center;
}

#signupdetails a.button100:hover {
	color : #ffffff;
}


#signupdetails td.signupfield
{
	width : 200px;
	text-align : right;
}

#signupdetails td {
	vertical-align : top;	
}

#signupdetails td.signupvalue input {
	font-size : 18px;
	margin-left : auto;
	margin-right : auto;

}

div.popupdlgbackground {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index : 100;
	background-color : #ffffff;
	opacity:    0.8;
	display : none;
}

div.popupdlg
{
	position : absolute;
	z-index : 200;
	background-color : #ffffff;
	border: 1px solid #666666;
	opacity:    1;
	width : 1000px;
	height : 300px;
	top : 20%;
	left : 0px;
	right : 0px;
	margin-left : auto;
	margin-right : auto;	
	display : none;
}

div.titlebar
{
	background-color : #F5F5F5;
	height : 30px;
}

div.titlebar img.closeicon {
	padding : 1px;
	float : right;
	cursor : pointer;
}

.adminpage a.button100 {
	font-size: 11px;
	color : #E8E8E8;
	display: inline-block;
	text-decoration : none;
	padding-top : 8px;
	text-align:center;
}

.adminpage a.button100:hover {
	color : #ffffff;
}

.settingstable .setslot
{
	cursor : pointer;
}

.settingstable .slot
{
	cursor : pointer;
}

a.deleteicon {
	background: url(./images/delete.png) no-repeat 0px 0px;
	text-indent: -9000px;
	display:block;
	width: 16px;
	height:16px;
}