/*  
Description: Cobi - SEO
Version: 1.0
Author: EG Studio
Author URI: http://www.egstudio.biz/
*/


*
	{
	margin:0;
	padding:0;
	direction: rtl;
	}
	
body
	{	
	text-align: center;
	background: #FFF url(../img/pink_line.gif) repeat-x top left; 
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #4e4e4e;
	}

h1 {margin-bottom:10px;}
/*~~~~~~~~~~~~~Layout settings~~~~~~~~~~~~~~*/	
#container
	{
	width: 920px;
	margin: 0 auto;
	text-align: right;
	}
	
#header
	{
	padding: 12px 0 0 0;
	}	
	
#header p span
	{
	display: none;
	}

#header p
	{
	display: block;
	width: 190px;
	height: 64px;
	background: url(../img/score_big.gif) no-repeat top center; 
	}	
	
#header img
	{
	border: 0;
	float:left;
	clear: left;
	}
	
/*navigation*/

#navigation
	{
	margin: 15px 0 15px 0;
	}	
		
#navigation a:link, #navigation a:visited
	{
	display: block;
	float: right;
	margin-left: 26px;
	display: block;
	height: 15px;
	background: url(../img/circle.gif) no-repeat bottom right; 
	}
	
 #navigation a:hover
 	{
 	background-position: top right;
 	}
	
#navigation a.last
	{
	margin-left: 0;
	}
	
#navigation a span
	{
	display: block;
	padding-right: 18px;
	}
	
#navigation a.home
	{
	display: block;
	height: 16px; width: 16px;
	background: url(../img/home.gif) no-repeat bottom right; 
	}
	
#right_bar
	{
	width: 222px;
	}

#content_body
	{
	width: 665px;
	float: left;
	clear: left;
	}
	
#content_body h1 a,  #content_body h2 a
	{
	font-weight: normal;
	color: #ff37ba;
	}
	
#content_body .brief
	{
	width: 307px;
	margin: 25px 0 0 45px;
	float: right; 
	}
ul.article_list li
	{
    margin-bottom:10px;
	}	
.brief ul, .article ul 
	{
	list-style: url(../img/list.gif);
	margin-right: 15px;
	line-height: 1.5em;
	}
	
.brief ol, .article ol
	{
	margin-right: 15px;
	line-height: 1.5em;
	}
	
#content_body  p, #body_404 p
	{
	padding: 10px 0 10px 0;
	}
	
#content_body  p a
	{
	font-weight: normal;
	}
	
/*Breadcrumbs*/

#breadcrumbs
	{
	background:#FFF url(../img/gray_line.gif) repeat-x top left;
	padding: 10px 0 6px 0;
	margin-bottom: 25px; 
	}

#breadcrumbs a
	{
	font-weight: normal;
	}
	
#breadcrumbs span
	{
	color: #ff37ba;
	}
	
#breadcrumbs .selected
	{
	color: #000;
	}
	
/*mailto and back to top buttons*/

#content_body .mailto span
	{
	display: block;
	padding-right: 24px;
	}

#content_body .mailto
	{
	display: block;
	margin: 5px 0 0 0;

	height: 14px;
	font-weight: normal;
	background: url(../img/mailto.gif) no-repeat center right;
	}
	
#content_body .back
	{
	display: block;
	float: left;
	margin: 5px 0 0 0;
	height: 14px;
	font-weight: normal;
	background: url(../img/back_to_top.gif) no-repeat center left;
	}
	
#content_body .back span
	{
	display: block;
	padding-left: 18px;
	}
	
/*~~~~~~~~~~~~404 Page~~~~~~~~~~~~~~~~~~*/
 #body_404
 	{
 	background:#FFF url(../img/gray_line.gif) repeat-x top left;
	padding: 25px 0 6px 0;
 	}
 	
  #body_404 p a
  	{
  	font-weight: normal;
  	}

#footer_404
	{
	width: 920px;
	margin: 0 auto;
	text-align: right;
	padding: 15px 0 15px 0;
	}
	
#footer_404 .column
	{
	width: 140px;
	float: right;
	margin-left: 10px; 
	}
	
#footer_404 .last_column
	{
	width: 140px;
	float: right;
	margin-left: 0; 
	}
	
#footer_404 a
	{
	font-weight: normal;
	display:block;
	}
	
	
#footer_404 h2
	{
	margin-bottom: 10px;
	}
	
p.contact_error span
	{
	font-weight: bold;
	color: #ff37ba;
	}


/*~~~~~~~~~~~~Recommended Page~~~~~~~~~~~~~~~~~~*/

#content_body .recommended
	{
	background-color: #f2f2f2;
	width:660px;
	padding: 10px 10px 0 10px;
	margin-top:20px;
	}
/*block to hold the link image and text*/
.textBlock
    {
    width:70%;
    float:right;
    }
/*block to hold the rating stars and messages*/
.ratingBlock
    {
	margin-top:-10px;
    width:30%;
    float:right;
    position: relative;
    }	
.recommended .img_holder
	{
	float: right;
	margin-left:10px;
	}
	
.img_holder img
	{
	border: 1px solid #cccccc;
	}

.content_holder
	{
	float:left;
	width:300px;
   
	}
	
#content_body .recommended p
	{
	padding: 5px 0 10px 0;
	}
	
#content_body p.stars
	{
	padding: 0;
	float: left;
	clear: left;
	}
	
.recommended h2
	{
	color: #4474a2;
	font-size: 12px;
	}
	
#content_body .pointer a
	{
	font-weight: normal;
	height:25px;	
	}	
	
#content_body .pointer
	{
	margin:0;
	padding-right: 15px; 
	background: url(../img/arrow.gif) no-repeat center right;
	}


/* Share icons */	

#share
	{
	line-height:1.9em;
	}

#share a:link, #share a:visited
	{
	display: block;
	width: 165px;
	text-align: left;
	float:left;
	font-weight: normal;
	background-position: center left;
	background-repeat: no-repeat;
	}
	
#share a:hover
	{
	text-decoration: none;
	background-color: #f2f2f2;
	}
	
#share a span
	{
	display: block;
	padding-left: 24px;
	}
	
#share .favorites {background-image: url(../img/icons/favs.gif);}
#share .google_bookmarks  {background-image: url(../img/icons/google.gif);}
#share .slashdot {background-image: url(../img/icons/slash.gif);}
#share .propeller {background-image: url(../img/icons/prop.gif);}

#share .delicious {background-image: url(../img/icons/deli.gif);}
#share .digg {background-image: url(../img/icons/digg.gif);}
#share .mixx {background-image: url(../img/icons/mixx.gif);}
#share .multiply {background-image: url(../img/icons/multi.gif);}

#share .myspace {background-image: url(../img/icons/myspace.gif);}
#share .facebook {background-image: url(../img/icons/facebook.gif);}
#share .simply {background-image: url(../img/icons/simply.gif);}
#share .blogmarks {background-image: url(../img/icons/blogmarks.gif);}

#share .furl {background-image: url(../img/icons/furl.gif);}
#share .myweb {background-image: url(../img/icons/myweb.gif);}
#share .diigo {background-image: url(../img/icons/diigo.gif);}
#share .faves {background-image: url(../img/icons/faves.gif);}

#share .stumble {background-image: url(../img/icons/stumble.gif);}
#share .reddit {background-image: url(../img/icons/reddit.gif);}
#share .spurl {background-image: url(../img/icons/spurl.gif);}
#share .gogo {background-image: url(../img/icons/linkagogo.gif);}

#share .newsvine {background-image: url(../img/icons/newsvine.gif);}
#share .live {background-image: url(../img/icons/live.gif);}
#share .wong {background-image: url(../img/icons/misterwong.gif);}
#share .feedme {background-image: url(../img/icons/feedme.gif);}

#share .technorati {background-image: url(../img/icons/tech.gif);}
#share .twitter {background-image: url(../img/icons/twitter.gif);}
#share .backflip {background-image: url(../img/icons/backflip.gif);}
#share .magnolia {background-image: url(../img/icons/magnolia.gif);}

#share .yahoo_boolmarks {background-image: url(../img/icons/yahoo_bookmarks.gif);}
#share .myaol {background-image: url(../img/icons/myaol.gif);}
#share .segnalo {background-image: url(../img/icons/seganlo.gif);}
#share .netvouz {background-image: url(../img/icons/netvouz.gif);}

#share .ask {background-image: url(../img/icons/ask.gif);}
#share .fark {background-image: url(../img/icons/fark.gif);}
#share .tail {background-image: url(../img/icons/tailrank.gif);}
#share .blink {background-image: url(../img/icons/blinklist.gif);}
	
/*Markers - add to google, rss feed etc.*/

#markers
	{
	position: absolute;
	right: 50%; margin-right: -465px;
	top: 10px;
	width: 800px;
	z-index: 10;
	}

#markers a
	{
	display: block;
	font-weight: normal;
	background-position: center right;
	background-repeat: no-repeat;
	float: right;
	margin-left: 15px;
	}
	
#markers a span
	{	
	display: block;
	padding-right: 24px;
	}
	
#markers a.goo span
	{	
	display: block;
	padding-left: 60px;
	padding-right: 0;
	}
	
#markers .tech{ background-image: url(../img/tech.gif);}
#markers .deli{ background-image: url(../img/del.gif);}
#markers .digg{ background-image: url(../img/digg.gif);}
#markers .rss{ background-image: url(../img/rss.gif);}
#markers .goo{ background-image: url(../img/igoogle.jpg); background-position: center left; text-align: left; margin-left:0;}
	

	
/*Footer*/	

#footer_container
	{
	text-align: center;
	width: 100%;
	background: #ebebeb url(../img/gray_footer_line.gif) repeat-x top left; 
	}
	
#footer
	{
	width: 920px;
	margin: 0 auto;
	text-align: right;
	padding: 15px 0 15px 0;
	}
	
#footer .column
	{
	width: 130px;
	float: right;
	margin-left: 25px; 
	}
	
#footer .last_column
	{
	width: 130px;
	float: right;
	margin-left: 0; 
	}


	
/*~~~~~~~~~~~~~General Styles~~~~~~~~~~~~~~*/	
	
h2, h1, h3
	{
	font-size: 17px;
	font-weight: normal;
	color: #ff37ba;
	}
	
a:link, a:visited
	{
	color: #4474a2;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover
	{
	text-decoration: underline;
	}
	
	
hr
	{
	clear: both;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
	}
	

	


/*~~~~~~~~~~~~~Glossary styles~~~~~~~~~~~~~~*/

#glossary
	{
	padding: 0 0 3px 0;
	}

#glossary p
	{
	float: left;
	clear: left;
	text-align: left;
	color: #b0b0b0;
	font-size: 11px;
	}
	
#glossary p a
	{
	font-size: 11px;
	}
	
#glossary ul
	{
	list-style: none;
	}
	
#glossary li
	{
	display: block;
	float: right;
	margin-left: 15px;
	}
	


/*~~~~~~~~~~~~~Contact us~~~~~~~~~~~~~~*/



#myForm
	{
	margin: 10px 0 0 0;
	}

#myForm ul
	{
	list-style: none;
	display: block;
	float: right;
	width: 295px;
	/*border: 1px solid #000;*/
	}
	
#myForm label
	{
	display: block;
	float: right;
	clear:right;
	width: 95px;
	font-weight: bold;
	color: #000;
	}
	
#myForm .field
	{
	width: 190px;
	margin-bottom: 8px;
	background:#FFF url(../img/dot.gif) repeat top left;
	}
	
#myForm .select
	{
	width: 194px;
	margin-bottom: 8px;
	background:#FFF url(../img/dot.gif) repeat top left;
	}
	
#myForm .textarea
	{
	width: 544px;
	height: 95px;
	margin-bottom: 8px;
	background:#FFF url(../img/dot.gif) repeat top left;
	}
	
#myForm .submit
	{
	float: left;
	margin-left: 15px;
	padding: 0 13px 1px 13px;
	}
	
 #myForm .reset
 	{
 	float: left;
	margin-left: 10px;
	padding: 0 13px 1px 13px;
 	}
	
input.reset
	{
	display: block;
	background-color: #ff37ba;
	color: #FFF;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	border: 0;
	padding: 2px 2px 3px 2px;
	cursor: pointer;
	}
	

/*~~~~~~~~~~~~~Right bar styles~~~~~~~~~~~~~~*/

/*search form*/

#search_bar
	{
	background: #f2f2f2 url(../img/pink_line.gif) repeat-x top left; 
	border-bottom: 1px solid #ccc;
	}
	
#search_bar form
	{
	padding: 12px 5px 7px 5px;
	}
	
#search_bar input.bar, #search_bar #ajaxSearch_input
	{
	background:#FFF url(../img/search.gif) no-repeat center right;
	width: 140px;
	margin-left: 5px;
	padding-right: 18px;
	float: right;
	clear: right;
	}
	
	
input.submit, #search_bar #ajaxSearch_submit
	{
	display: block;
	background-color: #000;
	color: #FFF;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	border: 0;
	padding: 1px 4px 2px 4px;
	cursor: pointer;
	}
/* Search Results */
.ajaxSearch_highlight
    {
    font-weight: bold;
    background: #ebebeb;
    }
.ajaxSearch_highlight1
    {
    }
.ajaxSearch_highlight2
    {
    }

#partners,#rss
	{
	margin: 20px 0 0 0;
	}	
	
/*Partners*/	

#partners h3
	{
	background-color: #cccccc;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
	padding: 1px 5px 1px 0;
	}
	
#partners ul
	{
	list-style:none;
	}
	
#partners li
	{
	display: block;
	padding: 4px 0 4px 0;
	border-bottom: 1px solid #ccc;
	}
	
#partners a
	{
	display: block;
	background: url(../img/plus.gif) no-repeat center right;
	}
	
#partners a span
	{
	display: block;
	padding-right: 15px; 
	}

/*RSS*/

#rss h3
	{
	height: 16px;
	background: url(../img/rss.gif) no-repeat center right;
	}
	
#rss h3 span
	{
	display: block;
	padding-right: 20px;
	}
	
#rss p
	{
	padding: 5px 0 0 0;
	}
	
#rss p span
	{
	font-size: 11px;
	font-style: italic;
	color: #cccccc;
	}
	
#rss p a
	{
	display:block;
	font-weight: normal;
	}
	
/*Short Form*/

#short_form
	{
	margin: 20px 0 0 0;
	background: #f2f2f2 url(../img/gray_line.gif) repeat-x top left; 
	padding: 8px 5px 7px 5px;
	}

#short_form form
	{
	margin: 10px 0 0 0;
	}	
	
#short_form label
	{
	display: block;
	float: right;
	clear:right;
	width: 46px;
	font-weight: bold;
	color: #000;
	}
	
#short_form .field
	{
	width: 150px;
	margin-bottom: 8px;
	background:#FFF url(../img/dot.gif) repeat top left;
	}

#short_form .last
	{
	width: 108px;
	margin-left: 5px;
	float: right;
	background:#FFF url(../img/dot.gif) repeat top left;
	}
	
/*Paper Fold*/

#folded_paper
	{
	margin-top: 20px;
	border-top: 4px solid #cccccc;	
	}
	
#folded_paper div
	{
	background-color: #f9f9f9;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	padding: 7px 7px 0 0;
	}
	
#folded_paper div p
	{
	padding: 3px 0 2px 0;
	}

#folded_paper img
	{
	position:relative;
	top: -2px;
	}
	
	
/*Badges*/
	
#badges
	{
	margin-top: 20px;
	}
	
#badges h3
	{
	font: normal 11px arial;
	color: #4474a2;
	}
	
#badges img
	{
	display: block;
	margin: 5px 0 0  0;
	border:0;
	}
	

	
/*~~~~~~~~~~~~~Styles~~~~~~~~~~~~~~*/

#glossary a
	{
	font-weight: normal;
	}

#footer b
	{
	font-size: 13px;
	font-weight: bold;
	color: #868686;
	}
	
#footer a
	{
	display:block;
	color: #b0b0b0;
	font-weight: normal;
	}
	

/*Tools template styles*/

.small_badge
	{
    cursor:pointer;
	}
.icongroup1
	{
	margin-top: 10px;
	}
	
.icongroup1 img
	{
	margin: 10px 0 15px 10px;
	cursor: pointer;
	}
	
textarea.codecontainer
	{
	text-align: left;
	width: 659px;
	height: 90px;
	margin-bottom: 8px;
	background:#FFF url(../img/dot.gif) repeat top left;
	overflow-y: hidden;
	overflow-x: scroll; 
	}

.iconspan
	{
	float: right;
	margin: 5px 0 5px 5px;
	cursor:hand;
	cursor:pointer;
	font-weight: bold;
	}

span.bold
	{
	color:#000;
	font-weight: bold;
	}
	
span.pink_bold
	{
	color:#ff37ba;
	font-weight: bold;
	}
	
span.link_blue
	{
	color:#4474a2;
	}



/*~~~~~~~~~~~~~~~~~ Badge (pop-up :code) Css ~~~~~~~~~~~~~~~~~~~*/	
#badge
	{
	text-align: center;
	background: #FFF url(../img/pink_line.gif) repeat-x top left; 
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #4e4e4e;
	}
	
#badge div
	{
	width:450px; 
	border-bottom:3px solid #cccccc;
	}

#badge img
	{
	float:left;
	}
	
#badge textarea
	{
	width:450px;
	height:150px;
	}