input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

.responsiveImg {
  width: 67%;
  height: auto;
}

body {
	text-align:center;
	background:#eaeaea url(images/bg_grey.gif) repeat-x;
	height:auto;
	margin:0 auto;
    font-family: Verdana, sans-serif;
    font-size: 15px;
    line-height: 1.4;
	color:#999;
}

.FBloginPrompt {
	width:475px;
	height:200px;
	border:none;
	overflow:auto;
}

.centered-text {
    text-align: center;
}

.bold {
	font-weight:bold;
	font-size:16px;
}

.normalBoldItalicDark {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#5A5A5A;
 }

.normalBoldItalic {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
 }

.largeBoldItalic {
	font-weight:bold;
	font-style:italic;
	font-size:18px;
 }

.normalBold {
	font-weight:bold;
	font-size:16px;
 }

.normalItalic {
	font-style:italic;
	font-size:16px;
 }

.smallBold {
	font-weight:bold;
	font-size:13px;
 }

.smallBoldItalic {
	font-weight:bold;
	font-style:italic;
	font-size:13px;
 }

.largeBold {
	font-weight:bold;
	font-size:18px;
 }

.xlargeFont {
	color:#696969;
	font-style:italic;
	font-size:22px;
}
	
.xlargeFontGreen {
	color:#74b52c;	
	font-size:22px;
}
	
.xlargeItalic {
	font-style:italic;
	font-size:20px;
}
	
.largeItalic {
	color:#696969;
	font-style:italic;
	font-size:18px;
}
	
.smallFont {
	font-size:10px;
 }
 
.infoFlag {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	animation-name: fadeOut;
	animation-duration: 1s;
}

.disabled {
  pointer-events: none;  /**<-----------*/
  opacity: 0.2;
}

 .profileIcon {
 	width:40px;
	height:40px;
 }

.menuButton {
	top:20px;
	width:40px;
	height:40px;
	border:none;
	background: url(images/menu.png) no-repeat;
	z-index:10;
	cursor:pointer;
	position:absolute;
	left:10px;
	/*
    animation: mythird 2s steps(10, start) infinite;
    -webkit-animation: mythird 2s steps(10, start) infinite;
    */
}
.menuButton:active {
	opacity: 0.6;
}

.backButtonRight {
	top:20px;
	width:40px;
	height:40px;
	border:none;
	background: url(images/backButton.png) no-repeat;
	z-index:10;
	cursor:pointer;
	display:inline;
	position:absolute; 
	right:10px;
}
.backButtonRight:active {
	opacity: 0.6;
}

.backButton {
	margin-top: 10px;
	margin-left: 90%;
	width:40px;
	height:40px;
	border:none;
	background: url(images/backButton.png) no-repeat;
	z-index:10;
	cursor:pointer;
	display:inline;
}

#wrapper { 
	width:100%;
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;
}

#frameheader {
	width:100%;
	max-width:1200px;
	height:88px;
	margin-right:auto;
	margin-left:auto;
	margin-top:0;
	margin-bottom:0;
	background:url(images/CTheader.png) no-repeat;
	background-position-x:center; 
	position:fixed; 
	top:0;
	z-index:10;
}
		
#frame {
	width:100%;
	max-width:1200px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:88px;
	padding-bottom:25px;
	padding-top:0;
	background-color: white;
	text-align:left;
}

#framefooter {
	width:100%;
	max-width:1200px;
	height:auto;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	/*background:url(images/footer.gif) top no-repeat;*/
	font-size:x-small;
}

#content {
	width:100%;
	max-width:1200px;
	padding:0 15px 0 15px;
}
	
.longLine {
	width:100%;
	max-width:1150px;
}	

.superTopicLine:nth-of-type(even) {
	width:50%;
	margin:auto;
	max-width:1150px;
	color:#5A5A5A;
	background:#e9e9e9;
}

.superTopicLine:nth-of-type(odd) {
	width:50%;
	margin:auto;
	max-width:1150px;
	color:#5A5A5A;
}

.superTopicLine:hover {
	background-color:#cccccc;
	cursor:pointer;
}

.topicLine:nth-of-type(even) {
	width:100%;
	max-width:1150px;
	color:#5A5A5A;
	background:#e9e9e9;
	word-wrap:break-word;
}

.topicLine:nth-of-type(odd) {
	width:100%;
	max-width:1150px;
	color:#5A5A5A;
	word-wrap:break-word;
}

.topicLine:hover {
	background-color:#cccccc;
	cursor:pointer;
}

.insertTopicLine:nth-of-type(even) {
	width:100%;
	max-width:1150px;
	padding:0 60px;
	color:#5A5A5A;
/*	background:#e9e9e9; */
	word-wrap:break-word;
}

.insertTopicLine:nth-of-type(odd) {
	width:100%;
	max-width:1150px;
	padding:0 60px;
	color:#5A5A5A;
	word-wrap:break-word;
}

.insertTopicLine:hover {
	background-color:#e9e9e9;
	cursor:pointer;
}

.subjectLine:nth-of-type(even) {
	width:100%;
	max-width:1150px;
	color:#5A5A5A;
	background:#e9e9e9;
	word-wrap:break-word;
}

.subjectLine:nth-of-type(odd) {
	width:100%;
	max-width:1150px;
	color:#5A5A5A;
	word-wrap:break-word;
}

.subjectLine:hover {
	background-color:#cccccc;
	cursor:pointer;
}

.subjectText {
	width:100%;
	max-width:95%;
	/*max-width:1150px;*/
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#404040; 
}

.limitLines {
  overflow: hidden;
  max-height: 4.8em;
  line-height: 1.2em;
}

.bodyText {
	text-align:start;
	width:100%;
	max-width:95%;
	/*max-width:1150px;*/
	height:auto;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:normal;
	color:#404040; 
	white-space:pre-wrap;
	overflow:auto;
}


#sidebarBox {
	display:none;
	width:250px;
	padding:0, 5px, 0, 5px;
	background-color:WhiteSmoke;
	animation-name: fadeInDown;
    animation-duration: 0.5s;
	position: fixed;
	z-index:1;
    top: 88px;
}

.floatRight {
	float:right;
	top:300px;
}

.col {
	float:left;
}

h1 {
	color:#5A5A5A;
}

h2 {
    text-align: start;
    color: #5A5A5A;
    font-weight: bold;
    font-size: 26px;
}

a {
	text-decoration:underline dotted;
	color:#999;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
}

a:visited {
	color:#B4B4B4;
}	

a:hover {
	border-bottom:1px dashed #999;
}

a:active {
	color:#999;
}

span.arrow {
	background:url(images/icons/arrow-right.gif) no-repeat;
	background-size:20px 15px;
	}

a.arrow {
	text-decoration:underline;
	color:#74b52c;
	cursor:pointer;
}

a.arrow:visited {
	color:#74b52c;
}	

a.arrow:hover {
	border-bottom:1px dashed #74b52c;
}

a.arrow:active {
	color:#00CC33;
}


a.topic {
	text-decoration:none;
	color:#999;
}

a.topic:visited {
	color:#ccc;
}	

a.topic:hover {
	border-bottom:1px dashed #999;
}

a.topic:active {
	color:#ccc;
}

.info {
	font-size:16px;
	font-weight:bold;
	font-style:italic;
/*	color:#5A5A5A; */
	color:#74b52c;
	text-align: left;
	padding-left:0;
	margin:0;
	border:none;
	text-decoration:none;
	overflow:auto;
}

.newtalk {
	font-size:16px;
	font-weight:bold;
	color:#74b52c;
	text-align: left;
	background:url(images/icons/talk.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
	border:none;
	text-decoration:none;
	overflow:hidden;
	display:inline;
}

.newtalks {
	font-size:16px;
	font-weight:bold;
	color:#74b52c;
	text-align: left;
	background:url(images/icons/talks.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
	border:none;
	text-decoration:none;
	overflow:hidden;
	display:inline;
}

.nonewtalks {
	width:100%;
	max-width:1150px;
	font-size:16px;
	font-weight:bold;
	color:#5A5A5A;
	text-align: left;
	background:url(images/icons/talk.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
	border:none;
	text-decoration:none;
	overflow:hidden;
	display:inline;
}

.checktalks {
	width:100%;
	max-width:1150px;
	font-size:16px;
	font-weight:bold;
	color:#74b52c;
	text-align: left;
	background:url(images/icons/talk.gif) left no-repeat;
	padding:0 0 0 20px;
	margin:0;
	border:none;
	text-decoration:none;
	overflow:hidden;
	display:inline;
}

.box {
	width:100%;
	max-width:1150px;
	margin:auto;
}

.narrowBox {
	width:100%;
	max-width:400px;
	margin:auto;
}

.box ul {
	list-style:none;
	margin:0;
	padding:0;
	border:none;
}
	
.box li {
	margin:0;
}

.box li a {
	display:block;
	padding:3px 3px 3px 25px;
	color:#767779;
	text-decoration:none;
	font-size:large;
	width:100%;
    background-repeat:no-repeat;
	background-position:left;
	border:none;
}

.sendmessage {
	padding-top:0;
}

html>body .box li a {
	width:auto;
}

.box li a:hover {
	background-color:#cccccc;
}

form {
	margin:0;
}

.forumSettings {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/wrench_orange.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin: 0;
	padding: 0 15px 0 25px;
	overflow:auto;
}

.blogSettings {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/wrench_blue.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin: 0;
	padding: 0 15px 0 25px;
	overflow:auto;
}

.forums {
	font-size:22px;
	text-align: center;
	/*background:url(images/icons/bullet_yellow.gif) left no-repeat;*/
	cursor:pointer;
	border: 2px solid Orange;
	/*padding: 0 15px 0 25px;*/
	overflow:auto;
}

.blogs {
	font-size:22px;
	text-align: center;
	cursor:pointer;
	border: 2px solid Orange;
	overflow:auto;
}

.topicSet {
	color:#5A5A5A;
	font-size:22px;
	font-style:italic;
	text-align: left;
	text-decoration:none;
	background-color: transparent;
	background:url(images/bullet_green.png) no-repeat left; 
	cursor:pointer;
	border:none;
	margin: 0;
	padding: 0 15px 0 25px;
	overflow:auto;
}

.insertTopicSet {
	color:#5A5A5A;
	font-size:18px;
	font-style:normal;
	text-align: left;
	text-decoration:none;
	background-color: transparent;
	background:url(images/bullet_green.png) no-repeat left; 
	cursor:pointer;
	border:none;
	margin: 0;
	padding: 0 15px 0 25px;
	overflow:auto;
}

.todos {
	font-size:22px;
	text-align: center;
	cursor:pointer;
	border: 2px solid Orange;
	overflow:auto;
}

.chat {
	font-size:22px;
	text-align: center;
	cursor:pointer;
	border: 2px solid Orange;
	overflow:auto;
}

.newChat {
	color:#74b52c;
	font-style:italic;
	font-size:22px;
	text-align: center;
	cursor:pointer;
	border: 2px solid Orange;
	overflow:auto;
}

.newsFeeds {
	font-size:22px;
	text-align: center;
	/*background:url(images/icons/bullet_orange.gif) no-repeat left;*/
	cursor:pointer;
	border: 2px solid Orange;
	margin:0;
	/*padding:0 15px 0 25px;*/
	overflow:auto;
}

.topicChat {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/bullet_red.gif) no-repeat left;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px;
	overflow:auto;
}

.topicRegular {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/bullet_yellow.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px;
	overflow:hidden; 
}

.topicBlog {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/bullet_blue.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px;
	overflow:hidden; 
}

.topicForum {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/bullet_yellow.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px;
	overflow:hidden; 
}

.topicAlert {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/bell.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px;
	overflow:hidden; 
}

.topicSecure {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/lock.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px;
	overflow:hidden; 
}

.defaultTopic {
	font-size:22px;
	font-style:italic;
	text-align: left;
	background:url(images/icons/topics.gif) left no-repeat;
	cursor:pointer;
	border:none;
	margin:0;
	padding:0 15px 0 25px; 
	overflow:hidden;
}

.newsMessage {
	text-align:start;
	width:100%;
	max-width:1150px;
	font-style:normal;
	font-size:16px;
	font-weight:bold;
	color:#5A5A5A;
	/*color:#74b52c;*/
	cursor:pointer;
	border:none;
	text-decoration:none;
	padding:0 6px 0 6px; 
	overflow:auto;
}

.newsDescription {
	text-align:start;
	width:100%;
	max-width:1150px;
	font-style:normal;
	font-size:16px;
	font-weight:normal;
	color:#5A5A5A;
	cursor:pointer;
	border:none;
	text-decoration:none;
	padding:0 6px 0 6px; 
	overflow:auto;
}

.newsText {
	width:100%;
	max-width:1150px;
	color:#696969;
	font-size:16px;
	text-align: start;
	border:none;
	text-decoration:none;
	overflow:auto;
}

.newsTextLarge {
	width:100%;
	max-width:1150px;
	color:#696969;
	font-size:22px;
	font-style: italic;
	text-align: left;
	border:none;
	text-decoration:none;
	overflow:auto;
}

.newsStory {
	width:100%;
	max-width:1150px;
	height:250px;
	overflow:auto;
}

.infoTalkMessage {
	width:100%;
	max-width:1150px;
	color:#696969;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-align: left;
	cursor:pointer;
	padding:0 0 0 5px;
	background:none;
	border:none;
	text-decoration:none;
	overflow:hidden;
	display:inline;
}

.infoTalkMessage:active {
	font-style: italic;
}

.newTalkMessage {
	width:100%;
	max-width:1150px;
	color:#74b52c;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-align: left;
	cursor:pointer;
	padding:0 0 0 5px;
	background:none;
	border:none;
	text-decoration:none;
	overflow:hidden;
	display:inline;
}

.newTalkMessage:active {
	font-style: italic;
}

.oldTalkMessage {
	width:100%;
	max-width:1150px;
	color:#5A5A5A;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-align: left;
	cursor:pointer;
	padding:0 0 0 5px;
	background:none;
	border:none;
	text-decoration:none;
	overflow:hidden;
}

.oldTalkMessage:active {
	font-style: italic;
}

.alertTalk {
	width:100%;
	max-width:1150px;
	color:#B22222;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-align: left;
	cursor:pointer;
	padding:0 0 0 5px;
	background:none;
	border:none;
	text-decoration:none;
	overflow:hidden;
}

.alertTalk:active {
	font-style: italic;
}

.dateMessage {
	width:100%;
	max-width:1150px;
	color:#74b52c;
	font-size:13px;
	font-weight:bold;
	text-align: left;
	cursor:pointer;
	border:none;
	text-decoration:none;
	overflow:auto;
}

input.option {
	width:90%;
	font-size:18px;
	font-weight:normal;
	text-align: left;
	background:url(images/bullet_green.png) no-repeat left;
	border:none;
	cursor:pointer;
	color:#5A5A5A;
	margin-top:10px;
	margin-left:10px;
	padding: 0 0 0 20px;
}

input.option:hover {
	background-color:#cccccc;
}

input.insertOption {
	width:80%;
	font-size:18px;
	font-weight:normal;
	text-align: left;
	background:url(images/bullet_green.png) no-repeat left;
	border:none;
	cursor:pointer;
	color:#5A5A5A;
	margin-top:10px;
	margin-left:40px;
	padding: 0 0 0 20px;
}

input.insertOption:hover {
	background-color:#cccccc;
}

.news {
	font-size:18px;
	text-align: left;
	background:url(images/icons/feed.gif) no-repeat left transparent;
	cursor:pointer;
	border:none;
	margin:0;
	padding: 0 15px 0 25px;
	overflow:auto;
}


/*Forms defaults*/
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
}

button {
	border:none;
	background:none;
	font-size:16px;
	font-weight:normal;
	text-align:start;
}

label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:15px;
	vertical-align:top;
}
label.chosen {
	color:#333;
}

table#community
{
table-layout:auto;
}

th { text-align: left; font-weight: bold }

table#voteTable {
    border: 1px solid gray;
    border-collapse: collapse;
	width:96%;
}
table#voteTable th, table#voteTable td {
	width: 16%;
    border: 1px solid gray;
    border-collapse: collapse;
    padding: 5px;
    text-align: center;
}
table#voteTable tr:nth-child(even) {
    background-color: #eee;
}
table#voteTable tr:nth-child(odd) {
   background-color:#fff;
}

/*Transparent items*/
.transparent {
/*	filter:alpha(opacity=0); */
/*	-moz-opacity:0; */
	opacity: 0;
	border:0 solid #FFF;
	background:#FFF;
	z-index:10;
	cursor:pointer;
}
.transparentFake {
	background:none;
	border:none;
}
.transparent2 {
	z-index:10;
}

/*Radio buttons*/
.radioAreaUnchecked, .radioAreaChecked {
	z-index:5;
	position:absolute;
	width:15px;
	height:15px;
	cursor:pointer;
}
.radioAreaUnchecked {
	background:url(images/radio.gif) no-repeat left top;
}
.radioAreaChecked {
	background:url(images/radio.gif) no-repeat left bottom;
}

/*Checkboxes*/
.checkboxAreaUnchecked, .checkboxAreaChecked {
	z-index:5;
	position:absolute;
	width:14px;
	height:14px;
	cursor:pointer;
}
.checkboxAreaUnchecked {
	background:url(images/checkbox.gif) no-repeat left top;
}
.checkboxAreaChecked {
	background:url(images/checkbox.gif) no-repeat left bottom;
}

.allMenus {
	background-color:#e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	border-top:solid;
	border-right:none;
	border-left:none;
	border-bottom:none;
	border-width:thin;
}

.dropDown {
	width:300px;
	background-color:#e9e9e9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	border-top:solid;
	border-right:none;
	border-left:none;
	border-bottom:none;
	border-width:thin;
}

.allTables {
	text-align:left; 
	font-size:16px; 
	font-weight:bold;
}

.allTablesSmallFont {
	text-align:left; 
	font-size:13px; 
}

/*Text inputs*/

.allInputs {
	background-color:whitesmoke;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid;
	border-width:thin;
}


.textinput {
	width:400px;
	background-color:whitesmoke;
	padding:2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid;
	border-width:thin;
}

/*Text areas*/

.subjectarea, .subjectareaHovered {
	width:100%;
	background-color:whitesmoke;
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid;
	border-width:thin;
}

.textareaChat, .textareaChatHovered {
	width:100%;
	background-color:whitesmoke;
	max-width:1150px;
	min-height:5em;
	max-height:7em; /*100px;*/
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	white-space:pre-wrap;
	overflow:auto;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid;
	border-width:thin;
}

.textarea, .textareaHovered {
	width:100%;
	background-color:whitesmoke;
	max-width:1150px;
	min-height:7em;
	max-height:19em; /*300px;*/
	padding:2px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#404040; 
	white-space:pre-wrap;
	overflow:auto;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid;
	border-width:thin;
}

.textareaReceived, .textareaReceivedHovered {
	width:100%;
	background-color:LightGray;
	max-width:1150px;
	min-height:5em;
	max-height:7em; /*100px;*/
	padding:2px 4px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	white-space:pre-wrap;
	overflow:auto;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid;
	border-width:thin;
}


/*Selects*/

.selectArea {
	width:200px;
	height:21px;
	background:url(images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:21px;
	height:21px;
}
.selectArea .right i {
	display:none;
}
.selectArea .center {
	width:160px;
	margin-left:5px;
	margin-right:20px;
	color:#FFF;
	padding-top:3px;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:16px;
	z-index:20;
}
.optionsDivInvisible {
	display:none;
}
.optionsDivVisible {
	display:block;
}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

/*Buttons*/

.CTbuttonSubmit {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/CTsignin.png) no-repeat;
	cursor:pointer;
	border:none;
}
.CTbuttonSubmit:hover {
	opacity: 0.7;
}

.FBbuttonSubmit {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/FBsignin.png) no-repeat;
	cursor:pointer;
	border:none;
}
.FBbuttonSubmit:hover {
	opacity: 0.7;
}

.GObuttonSubmit {
	width:250px;
	height:40px;
	margin:auto;
	/*background:url(images/GOsignin.png) no-repeat;*/
	cursor:pointer;
	border:none;
}
.GObuttonSubmit:hover {
	opacity: 0.7;
}

.MSbuttonSubmit {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/MSsignin.png) no-repeat;
	cursor:pointer;
	border:none;
}
.MSbuttonSubmit:hover {
	opacity: 0.7;
}

.MSbuttonSignedIn {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/MSsignedIn.png) no-repeat;
	cursor:pointer;
	border:none;
}
.MSbuttonSignedIn:hover {
	opacity: 0.7;
}

.DBbuttonSubmit {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/DBsignin.png) no-repeat;
	cursor:pointer;
	border:none;
}
.DBbuttonSubmit:hover {
	opacity: 0.7;
}

.DBbuttonSignedIn {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/DBsignedIn.png) no-repeat;
	cursor:pointer;
	border:none;
}
.DBbuttonSignedIn:hover {
	opacity: 0.7;
}

.BXbuttonSubmit {
	width:250px;
	height:40px;
	margin:auto;
	background:url(images/BXsignin.png) no-repeat;
	cursor:pointer;
	border:none;
}
.BXbuttonSubmit:hover {
	opacity: 0.7;
}

/*Button*/
.buttonStart {
	width:205px;
	height:72px;
/*	padding:4px 5px; */
	background:url(images/register.png) no-repeat left top;
	cursor:pointer;
}
.buttonStart:hover {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
 
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
 
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
 
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
 
  to {
    opacity: 0;
  }
}
 
/*--keyframe pointer --*/

/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
  from {
  	opacity: 0;
    margin-left:-100%;
  }
 
  to {
    opacity: 1;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    margin-left:-100%;
  }
 
  to {
    opacity: 1;
  }
}

/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    margin-right:-100%;
  }
 
  to {
    opacity: 1;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    margin-right:-100%;
  }
 
  to {
    opacity: 1;
  }
}
 
/*=== FADE IN DOWN ===*/
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    margin-top:-100%;
  }
 
  to {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    margin-top:-100%;
  }
 
  to {
    opacity: 1;
  }
}
@-ms-keyframes fadeInDown {
  from {
    opacity: 0;
    margin-top:-100%;
  }
 
  to {
    opacity: 1;
  }
}

/*==== FADE IN UP ===*/
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    margin-bottom:-100%;
  }
 
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    margin-bottom:-100%;
  }
 
  to {
    opacity: 1;
  }
}
 
/*=== Trigger  ===*/
.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.hide {
	display:none;
}

.show {
	display:block;
}


.buttonSubmit {
    display: inline-block;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: normal;
    color: #000 !important;
    background-color: #ffc107 !important;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    float: left;
}

.buttonSubmit:hover {
    background-color: #4CAF50 !important;
    color: #fff !important;
}

.buttonSubmitRight {
    display: inline-block;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: normal;
    color: #000 !important;
    background-color: #ffc107 !important;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    float: right;
}

.buttonSubmitRight:hover {
    background-color: #4CAF50 !important;
    color: #fff !important;
}