@charset "utf-8";



/* 	FTSU

	Company:	Nutnet
	Site:		www.nutnet.ru
	
	Author:		Vladislav Sterlin
	E-mail:		vladislav.sterlin@nutnet.ru
	
	-------------------------------------------------------- */



/*	TABLE of CONTENT

	1.  Links
	2.  Headers
	3.	Text
	4.	Tables
	5.	Forms
	6.	Classes
	
	-------------------------------------------------------- */



/* 	1.  LINKS
	-------------------------------------------------------- */
	
	a:link { 
		color: #1C8F99; /* #DA251C */
		text-decoration: underline;
		}
	a:visited {	
		color: #1C8F99;
		text-decoration: underline;
		}
	a:hover {
		color: #1C8F99;
		text-decoration: none;
		}
	
	.pseudolink {
		border-bottom: 1px dashed;
		text-decoration: none !important;
		position: relative;
		}
	.pseudolink:hover {
		border: none;
		}



/* 	2.  HEADERS
	-------------------------------------------------------- */
	
	.content h2 {
		margin: 27px 0 0 !important;
		}
	.content h3 {
		color: #DA251C;
		font-size: 15px;
		margin: 27px 0 0;
		}
		


/* 	3.  TEXT
	-------------------------------------------------------- */
	
	.content p {
		font-size: 14px;
		line-height: 20px;
		margin: 10px 0 0;
		}
	.content p.accent {
		font-size: 18px;
		font-style: italic;
		line-height: 25px;
		margin: 15px 0 15px -80px;
		width: 580px;
		}
							
	.content ul,
	.content ol {
		font-size: 14px;
		line-height: 20px;
		list-style-position: inside;
		margin: 10px 0 0 40px;
		}
		.content li ul,
		.content li ol {
			margin-top: 0;
			}		
	.content ul {
		list-style: disc;
		}
	.content ol {
		list-style: decimal; 
		}

	.picture {
		margin: 20px 0 15px;
		}
		.picture img {
			float: left;
			margin: 0 10px 0 -80px;
			}
		.picture p {			
			float: left;
			font-size: 11px;
			font-style: italic;
			line-height: 17px;
			margin: 0;
			width: 195px;
			}
			
	.content strong,
	.content b {
		font-weight: bold;
		}		
	
	.content em,
	.content i,
	.content var,
	.content dfn,
	.content cite  {
		font-style: italic;
		}
		
	.content del {
		text-decoration: line-through;
		}
		
	.content code,
	.content kbd,
	.content tt,
	.content pre,
	.content samp {
		font-family: "Courier New", Courier, monospace;
		}

	.content abbr,
	.content acronym {
		text-transform: uppercase;
		}
	
	.content ins {
		border-bottom: 1px solid;
		}
		
	.content big {
		font-size: 15px;
		line-height: 1;
		}			
	.content small {
		font-size: 11px;
		}
		
	.content sup,
	.content sub {
		font-size: 9px;
		line-height: 0;
		vertical-align: baseline;
		position: relative;
		}
	.content sup {
		top: -4px;
		}
	.content sub {
		top: 4px;
		}
		
	.content dl {
		font-size: 14px;
		line-height: 20px;
		}
		.content dt {
			font-weight: bold;
			margin-top: 10px;
			}

	.content  blockquote {		
		font-size: 14px;
		font-style: italic;
		line-height: 20px;
		margin: 20px 0 19px 30px;
		}
		.content  blockquote p + p {			
			font-size: 11px;
			font-weight: bold;
			line-height: 20px;
			}
			
	.content hr {
		background: #CCC;
		border: none;
		display: block;
		height: 1px;
		}



/* 	4.  TABLES
	-------------------------------------------------------- */

	#main table {
		font-family: Arial, sans-serif;
		}
		#main table caption {
			display: none;
			}
			
	/* -- vertical table -- */
	table.vertical {
		margin: 25px 0 0 0;
		}
		table.vertical th {
			font-weight: normal;
			font-style: italic;
			padding: 3px 5px;
			text-align: right;
			width: 210px;
			}
		table.vertical td {
			font-weight: bold;
			padding: 3px 5px;			
			}
				
	/* -- horizontal table -- */		
	table.horizontal {
		margin: 25px 0 0 -10px;
		z-index: 1;
		}		
	table.ml-100px {
		margin-left: -100px;			
		}	
		table.horizontal th {
			border-bottom: 2px solid #DB2D24;
			font-family: Georgia, serif;
			font-weight: normal;
			padding: 0 10px 4px;
			}
			table.horizontal th a {
				background: url(../img/table-row-passive.png) no-repeat 100% 50%;
				color: #000 !important;
				padding-right: 14px;
				text-decoration: none !important;
				}
			table.horizontal th a.active {
				background: url(../img/table-row-active.png) no-repeat 100% 50%;
				font-weight: bold;
				}			
		table.horizontal tbody td {
			border-bottom: 1px solid #D7C9C5;
			padding: 15px 10px;
			}
			table.horizontal tbody td a img {
				border: 1px solid #1C8F99
				}
		
		table.horizontal tbody tr.no-border td {
			border: none;
			}
			
			table.horizontal table {
				margin: 0 0 0 -5px;
				}	
				table.horizontal table th {
					border-bottom: 1px solid #D7C9C5;
					padding: 0 5px;
					}	
				table.horizontal table td {
					border: none;
					padding: 0 5px;
					}



/* 	5.  FORMS
	-------------------------------------------------------- */
	
	.status {
		font-size: 14px;
		line-height: 150%;
		margin: 20px 0 0;
		}
	
	.errors {
		color: #DA251C;
		line-height: 150%;
		list-style: disc;
		list-style-position: inside;
		margin: 20px 0 0;
		}
	
	form {
		float: left;
		width: 449px;
		}
		form fieldset {
			margin: 24px 0 0;
			}
			form fieldset dl {
				margin: 10px 0 0;
				}
			form fieldset dl dd {
				margin: 0 0 0;
				}					
				form fieldset dl dd span {
					display: block;					
					float: left;
					line-height: 28px;
					margin: 0 5px 0 0;
					}
				form fieldset dl dd span.required {
					color: #DA251C;
					margin: -10px 0 0 -10px;
					}
				form fieldset dl dd span.note {
					color: #999;
					}
	
			span.user-photo {
				background: #FFF url(../img/club-logo-frame.png) no-repeat;
				display: block;
				height: 120px;
				padding: 2px;
				width: 120px;
				}
			
			form fieldset dl dd a.item-add,
			form fieldset dl dd a.item-del {
				display: block;
				height: 17px;
				text-indent: -9999px;
				width: 17px;
				}
			form fieldset dl dd a.item-add { 
				background: url(../img/icon-form-add.png) no-repeat;
				margin: 6px 0 0;
				}
			form fieldset dl dd a.item-del {
				background: url(../img/icon-form-del.png) no-repeat;
				margin: 6px 0 0;
				}
						
		div.form-info {
			float: left;
			width: 250px;
			}			
			div.form-info p {
				font-style: italic;
				line-height: 20px;
				margin: 16px 0 0;
				}
				div.form-info p span {
					color: #DA251C;
					}
				
		input.text,
		input.file,
		textarea,
		select {			
			background: #FFF; 			
			border: 1px solid #CDCAC3;
			font-family: Georgia;
			font-size: 12px;
			font-style: italic;
			line-height: normal;
			padding: 5px 10px;
			
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			}
			.tf-w100px {
				width: 78px;
				}
			.tf-w150px {
				width: 128px;
				}
			.tf-w225px {
				width: 203px;
				}
			.tf-w275px {
				width: 253px;
				}
			.tf-w425px {
				width: 403px;
				}
		
		select {
			line-height: 20px;
			padding-right: 4px;
			}
			.st-w100px {
				width: 100px;
				}
			.st-w175px {
				width: 175px;
				}
	
		textarea {
			height: 100px;
			line-height: 150%;
			width: 300px;
			}			
			.ta-h125px {
				height: 113px;
				}
			
		input.button {			
			background: #1C8F99;
			border: none;
			border-radius: 8px;	
			color: #FFF;
			font-size: 14px;
			font-style: italic;
			padding: 4px 10px;
			
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;				
			}



/* 	6.  CLASSES
	-------------------------------------------------------- */

	.align-center {
		text-align: center;
		}
	.align-left {
		text-align: left;
		}
	.align-right {
		text-align: right;
		}

	.normal {
		font-weight: normal;
		}
	.bold {
		font-weight: bold;
		}
	.italic {
		font-style: italic;
		}

	.no-margin {
		margin: 0;
		}
	.no-padding {
		padding: 0;
		}
	.no-bullet {
		list-style: none;
		list-style-image: none;
		}